fix: sizes

incubateur-ademe · Oct 7, 2024 · 3f861d0 · 3f861d0
1 parent 8194e95
commit 3f861d0
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 6 deletions.
diff --git a/src/components/outils/quiz/infos/FriendsVoiture.tsx b/src/components/outils/quiz/infos/FriendsVoiture.tsx
@@ -1,7 +1,7 @@
 'use client'
 
 import { useTranslations } from 'next-intl'
-import React from 'react'
+import React, { useRef } from 'react'
 import useParamContext from 'src/providers/ParamProvider'
 import Etiquette from 'components/comparateur/Etiquette'
 import Icon from './Icon'
@@ -10,6 +10,7 @@ import styles from './Infos.module.css'
 const FriendsVoiture = () => {
   const t = useTranslations('quiz.friends-voiture')
   const { language } = useParamContext()
+  const ref = useRef(null)
   return (
     <>
       <div className={styles.container}>
@@ -25,6 +26,7 @@ const FriendsVoiture = () => {
       </div>
       <br />
       <Etiquette
+        ref={ref}
         baseValue={4990}
         comparisons={['streamingvideo', 'voiturethermique']}
         language={language}

diff --git a/src/components/outils/quiz/infos/ManteauBouilloire.tsx b/src/components/outils/quiz/infos/ManteauBouilloire.tsx
@@ -20,10 +20,11 @@ const ManteauBouilloire = () => {
       <div className={styles.container}>
         <div className={styles.withIcon}>
           <Icon />
-          <div>{t.rich('line-1')}</div>
-          <br />
-          <br />
-          <div>{t.rich('line-2')}</div>
+          <div>
+            <div>{t.rich('line-1')}</div>
+            <br />
+            <div>{t.rich('line-2')}</div>
+          </div>
         </div>
       </div>
       <br />

diff --git a/src/components/outils/quiz/infos/TelevisionPNY.tsx b/src/components/outils/quiz/infos/TelevisionPNY.tsx
@@ -1,7 +1,7 @@
 'use client'
 
 import { useTranslations } from 'next-intl'
-import React from 'react'
+import React, { useRef } from 'react'
 import useParamContext from 'src/providers/ParamProvider'
 import Etiquette from 'components/comparateur/Etiquette'
 import Icon from './Icon'
@@ -10,6 +10,8 @@ import styles from './Infos.module.css'
 const TelevisionPNY = () => {
   const t = useTranslations('quiz.television-pny')
   const { language } = useParamContext()
+  const ref = useRef(null)
+
   return (
     <>
       <div className={styles.container}>
@@ -25,6 +27,7 @@ const TelevisionPNY = () => {
       </div>
       <br />
       <Etiquette
+        ref={ref}
         baseValue={1770000}
         comparisons={['avion-pny', 'francais']}
         language={language}