wip

src/components/defense/Defense.tsx

@@ -44,6 +44,7 @@ const DefenseScene: FC<DefenseSceneProps> = ({
       setMandatoryWords(requiredWords);
     }
     setReaction('');
+
   }, [requiredWords]);
 
   // Génération des positions et initialisation
@@ -64,15 +65,20 @@ const DefenseScene: FC<DefenseSceneProps> = ({
     }
   }, [isLoading, wordPositions.length]); // eslint-disable-line react-hooks/exhaustive-deps
 
+  useEffect(() => {
+    console.log(answer)
+  }, [answer])
+
   // Timer et reset de la question
   useEffect(() => {
     // Timer
     const timer = setInterval(() => {
       setCountdown((prev) => {
-        if (prev <= 1) {
+        console.log('prev:', prev)
+        if (prev === 0) {
+          handleSubmit();
           clearInterval(timer);
           setIsTimeUp(true);
-          handleSubmit(answer);
         }
         return prev - 1;
       });
@@ -154,6 +160,7 @@ const DefenseScene: FC<DefenseSceneProps> = ({
 
   const handleTextChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {
     const newText = e.target.value;
+    setAnswer(newText);
     const cursorPosition = e.target.selectionStart;
 
     // Si c'est une suppression
@@ -168,9 +175,9 @@ const DefenseScene: FC<DefenseSceneProps> = ({
     setAnswer(processedText);
   };
 
-  const handleSubmit = (text: string) => {
+  const handleSubmit = () => {
     setChat(prevChat => ({
-      messages: [...prevChat.messages, { content: text, role: 'lawyer' }]
+      messages: [...prevChat.messages, { content: answer, role: 'lawyer' }]
     }));
     setNextScene();
   };
@@ -261,7 +268,7 @@ const DefenseScene: FC<DefenseSceneProps> = ({
 
               {/* Bouton de soumission */}
               <button
-                onClick={() => handleSubmit(answer)}
+                onClick={() => handleSubmit()}
                 disabled={!isAnswerValid()}
                 className={`absolute bottom-5 right-5 px-8 py-4 rounded-lg text-xl transition-all duration-300 ${isAnswerValid()
                     ? 'bg-sky-500 hover:bg-blue-700 cursor-pointer'

src/components/menu/Menu.tsx

@@ -9,7 +9,13 @@ interface MenuSceneProps {
   setNextScene: () => void;
 }
 
-const MenuScene: FC<MenuSceneProps> = ({ language, setLanguage, setNextScene }) => {
+const MenuScene: FC<MenuSceneProps> = ({ setLanguage, setNextScene }) => {
+
+  const handleLanguageSelect = (language: 'fr' | 'en' | 'es') => {
+    setLanguage(language);
+    setNextScene();
+  };
+
   return (
     <div className="relative w-screen h-screen">
       {/* Image de fond */}
@@ -23,30 +29,26 @@ const MenuScene: FC<MenuSceneProps> = ({ language, setLanguage, setNextScene })
 
       {/* Contenu du menu avec un fond semi-transparent */}
       <div className="relative z-10 flex flex-col items-end justify-center h-full w-full">
-        {/* Sélecteur de langue */}
-
-        <div className='flex flex-col items-center justify-center w-[20%] mr-[20%]'>
-          <div className='w-full'>
-            <select
-              value={language}
-              onChange={(e) => setLanguage(e.target.value as 'fr' | 'en' | 'es')}
-              className="w-full px-4 py-2 rounded-lg bg-white text-slate-900 border border-slate-200 focus:outline-none focus:ring-2 focus:ring-blue-500"
+        <div className="flex flex-col gap-10 mr-[20vw]">
+            <button
+              onClick={() => handleLanguageSelect('fr')}
+              className="text-8xl text-white roboto-slab hover:text-sky-500 transition-colors"
             >
-              <option value="fr">Français</option>
-              <option value="en">English</option>
-              <option value="es">Espanol</option>
-            </select>
-          </div>
-
-          {/* Bouton Play */}
-          <button
-            onClick={setNextScene}
-            className="px-8 py-4 text-xl w-full font-bold text-white bg-blue-600 rounded-lg hover:bg-blue-700 transition-colors mt-8"
-          >
-            {language === 'fr' ? 'Jouer' : language === 'en' ? 'Play' : 'Jugar'}
-          </button>
-          </div>
-
+              Français
+            </button>
+            <button
+              onClick={() => handleLanguageSelect('en')}
+              className="text-8xl text-white roboto-slab hover:text-sky-500 transition-colors"
+            >
+              English
+            </button>
+            <button
+              onClick={() => handleLanguageSelect('es')}
+              className="text-8xl text-white roboto-slab hover:text-sky-500 transition-colors"
+            >
+              Español
+            </button>
+        </div>
       </div>
     </div>
   );