ref: refactor some classes

InseeFr · Jul 9, 2024 · 039478d · 039478d
1 parent 34c60fe
commit 039478d
Showing 1 changed file with 6 additions and 7 deletions.
diff --git a/src/shared/components/Orchestrator/SurveyContainer.tsx b/src/shared/components/Orchestrator/SurveyContainer.tsx
@@ -3,7 +3,6 @@ import Button from '@codegouvfr/react-dsfr/Button'
 import { declareComponentKeys, useTranslation } from 'i18n'
 import type { InternalPageType } from 'model/Page'
 import { useState, type PropsWithChildren, type ReactNode } from 'react'
-import { useStyles } from 'tss-react'
 import type { OrchestratorProps } from './Orchestrator'
 import { SequenceHeader } from './SequenceHeader'
 import type { LunaticOverview } from './utils/lunaticType'
@@ -36,8 +35,6 @@ export function SurveyContainer(
     bottomContent,
   } = props
 
-  const { cx } = useStyles()
-
   const { t } = useTranslation({ SurveyContainer })
 
   const isPreviousButtonDisplayed = ['welcomePage', 'endPage'].includes(
@@ -73,10 +70,12 @@ export function SurveyContainer(
       <div className={fr.cx('fr-container')}>
         <div className={fr.cx('fr-grid-row', 'fr-grid-row--center')}>
           <div
-            className={cx(
-              fr.cx('fr-col-12', 'fr-mb-10v'),
-              !(isLayoutExpanded && currentPage === 'lunaticPage') &&
-                fr.cx('fr-col-md-9', 'fr-col-lg-8')
+            className={fr.cx(
+              'fr-col-12',
+              'fr-mb-10v',
+              ...(!(isLayoutExpanded && currentPage === 'lunaticPage')
+                ? (['fr-col-md-9', 'fr-col-lg-8'] as const)
+                : [])
             )}
           >
             {pagination === 'sequence' && currentPage === 'lunaticPage' && (