From 1186da6789ec8f75c0aa96a234e81828b87b6a57 Mon Sep 17 00:00:00 2001
From: Pierre Ferreira <p.ferreira1@outlook.fr>
Date: Tue, 7 Nov 2023 13:55:00 +0100
Subject: [PATCH] mise a jour des fichiers de js a tsx :technologist:

---
 cryptide_project/src/Pages/Home.js  | 54 --------------------
 cryptide_project/src/Pages/Home.tsx | 76 ++++++++++++++---------------
 2 files changed, 38 insertions(+), 92 deletions(-)
 delete mode 100644 cryptide_project/src/Pages/Home.js

diff --git a/cryptide_project/src/Pages/Home.js b/cryptide_project/src/Pages/Home.js
deleted file mode 100644
index 05ccbe4..0000000
--- a/cryptide_project/src/Pages/Home.js
+++ /dev/null
@@ -1,54 +0,0 @@
-import React from 'react';
-import './Home.css'; // Créez un fichier CSS pour styliser votre composant
-import '../App.css';
-import { Link } from 'react-router-dom';
-import { FormattedMessage } from 'react-intl';
-
-
-function Home() {
-    return (
-        
-    <div className="home-container">
-
-        <div className="left-section">
-
-            <div>
-                <h2><FormattedMessage id="home.histoire.title"/></h2>
-                <p>
-                    <FormattedMessage id="home.histoire" />
-                </p>
-            </div>
-            <div>
-                <h2><FormattedMessage id="home.jeu.title"/></h2>
-                <p>
-                <FormattedMessage id="home.jeu" />
-                </p>
-            </div>
-            <div>
-                <h2><FormattedMessage id="home.plus.title"/></h2>
-                <ul>
-                    <li><FormattedMessage id="home.plus.1"/></li>
-                    <li><FormattedMessage id="home.plus.2"/></li>
-                    <li><FormattedMessage id="home.plus.3"/></li>
-                </ul>
-            </div>
-        </div>
-            
-        <div className="vertical-divider"></div>
-
-        <div className="right-section">
-            <h3><FormattedMessage id="game.time"/></h3>
-            <h3><FormattedMessage id="game.players"/></h3>
-            <h3><FormattedMessage id="game.age"/></h3>
-            <p>-------------------------------</p>
-            <h3> <u><FormattedMessage id="game.createdBy"/></u><br/> Hal Duncan & Ruth Veevers</h3>
-            <h3> <u><FormattedMessage id="game.illustratedBy"/></u><br/> Kwanchai Moriya</h3>
-            {/* <button>Jouer au jeu</button> */}
-            <br/>
-            <Link to="/jouer" className='button'> <FormattedMessage id="play"/> </Link>
-        </div>
-    </div>
-    );
-}
-
-export default Home;
diff --git a/cryptide_project/src/Pages/Home.tsx b/cryptide_project/src/Pages/Home.tsx
index 6ee44dd..1b0f8d7 100644
--- a/cryptide_project/src/Pages/Home.tsx
+++ b/cryptide_project/src/Pages/Home.tsx
@@ -62,47 +62,47 @@ function Home() {
 
     return (
         
-    <div className="home-container">
-
-        <div className="left-section">
-
-            <div>
-                <h2>L'HISTOIRE</h2>
-                <p>
-                    "La cryptozoologie étudie les traces des monstres de légende : les cryptides. Yétis, Chupacabra, bête du gévaudan, Dahut, ect., sont des sujets très sérieux pour vous… Croisez les indices et soyez le premier à les découvrir!"
-                </p>
+        <div className="home-container">
+    
+            <div className="left-section">
+    
+                <div>
+                    <h2><FormattedMessage id="home.histoire.title"/></h2>
+                    <p>
+                        <FormattedMessage id="home.histoire" />
+                    </p>
+                </div>
+                <div>
+                    <h2><FormattedMessage id="home.jeu.title"/></h2>
+                    <p>
+                    <FormattedMessage id="home.jeu" />
+                    </p>
+                </div>
+                <div>
+                    <h2><FormattedMessage id="home.plus.title"/></h2>
+                    <ul>
+                        <li><FormattedMessage id="home.plus.1"/></li>
+                        <li><FormattedMessage id="home.plus.2"/></li>
+                        <li><FormattedMessage id="home.plus.3"/></li>
+                    </ul>
+                </div>
             </div>
-            <div>
-                <h2>LE JEU</h2>
-                <p>
-                    "Chaque joueur possède un indice sur le terrain où se trouve la créature. En recoupant vos informations, il ne peut y avoir qu'une case qui y corresponde. Mais le but est d'être le premier à la trouver. Interrogez vos collègues, et néanmoins concurrents. Ils ne peuvent vous répondre que par «non» ou «peut-être», avec beaucoup de logique et un brin d'audace, vous pourrez rentrer dans la légende!"
-                </p>
+                
+            <div className="vertical-divider"></div>
+    
+            <div className="right-section">
+                <h3><FormattedMessage id="game.time"/></h3>
+                <h3><FormattedMessage id="game.players"/></h3>
+                <h3><FormattedMessage id="game.age"/></h3>
+                <p>-------------------------------</p>
+                <h3> <u><FormattedMessage id="game.createdBy"/></u><br/> Hal Duncan & Ruth Veevers</h3>
+                <h3> <u><FormattedMessage id="game.illustratedBy"/></u><br/> Kwanchai Moriya</h3>
+                {/* <button>Jouer au jeu</button> */}
+                <br/>
+                <Link to="/jouer" className='button'> <FormattedMessage id="play"/> </Link>
             </div>
-            <div>
-                <h2>LES +</h2>
-                <ul>
-                    <li>Une mécanique de déduction époustouflante.</li>
-                    <li>Une rejouabilité immense.</li>
-                    <li>Un thème surprenant et fort.</li>
-                </ul>
-            </div>
-        </div>
-            
-        <div className="vertical-divider"></div>
-
-        <div className="right-section">
-            <h3>Temps :45 minutes</h3>
-            <h3>Joueurs :3 à 5 joueurs</h3>
-            <h3>Age :10 ans et +</h3>
-            <p>-------------------------------</p>
-            <h3> <u>Créé par :</u><br/> Hal Duncan & Ruth Veevers</h3>
-            <h3> <u>Illustré par :</u><br/> Kwanchai Moriya</h3>
-            {/* <button>Jouer au jeu</button> */}
-            <br/>
-            <Link to="/jouer" className='button'>Aller à la page Page2</Link>
         </div>
-    </div>
-    );
+        );
 }
 
 export default Home;