ajout de dépendances pour un switch et stub dans les params de jeu 📦

cryptide_project/package-lock.json

@@ -27,8 +27,12 @@
         "react-intl": "^6.5.2",
         "react-router-dom": "^6.18.0",
         "react-scripts": "5.0.1",
+<<<<<<< HEAD
         "socket.io": "^4.7.2",
         "socket.io-client": "^4.7.2",
+=======
+        "react-switch": "^7.0.0",
+>>>>>>> 3d3d620 (ajout de dépendances pour un switch et stub dans les params de jeu :package:)
         "typescript": "^5.2.2",
         "vis-network": "^9.1.9",
         "web-vitals": "^2.1.4"
@@ -14881,6 +14885,18 @@
         }
       }
     },
+    "node_modules/react-switch": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/react-switch/-/react-switch-7.0.0.tgz",
+      "integrity": "sha512-KkDeW+cozZXI6knDPyUt3KBN1rmhoVYgAdCJqAh7st7tk8YE6N0iR89zjCWO8T8dUTeJGTR0KU+5CHCRMRffiA==",
+      "dependencies": {
+        "prop-types": "^15.7.2"
+      },
+      "peerDependencies": {
+        "react": "^15.3.0 || ^16.0.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^15.3.0 || ^16.0.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
     "node_modules/react-transition-group": {
       "version": "4.4.5",
       "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz",

cryptide_project/package.json

@@ -23,6 +23,7 @@
     "react-scripts": "5.0.1",
     "socket.io": "^4.7.2",
     "socket.io-client": "^4.7.2",
+    "react-switch": "^7.0.0",
     "typescript": "^5.2.2",
     "vis-network": "^9.1.9",
     "web-vitals": "^2.1.4"

cryptide_project/src/Pages/InGame.tsx

@@ -1,4 +1,5 @@
 import React, { useState } from 'react';
+import Switch from "react-switch";
 
 /* Style */
 import "./InGame.css"
@@ -86,7 +87,7 @@ const InGame = ({locale, changeLocale}) => {
       window.open(url);
     };
   
-
+  const [SwitchEnabled, setSwitchEnabled] = useState(false)
   const indices = Stub.GenerateIndice()
 
     return (
@@ -163,21 +164,20 @@ const InGame = ({locale, changeLocale}) => {
           </Offcanvas.Body>
         </Offcanvas>
 
-        
         {
           //* canva pour les paramètres
         }
         <Offcanvas show={showS} 
                   onHide={handleCloseS} 
                   placement='top'
-                  style={{width: '30%', left: '70%' }}>
+                  style={{height: '30%', width: '30%', left: '70%' }}>
           <Offcanvas.Header closeButton>
             <Offcanvas.Title><img src={Param} alt='param'/> Paramètres</Offcanvas.Title>
           </Offcanvas.Header>
           <Offcanvas.Body>
             <Nav className="me-auto">
                 <NavDropdown 
-                title={<span><HiLanguage /></span>}
+                title={<span><HiLanguage/> Language </span>}
                 className="navbar-title" id="basic-nav-dropdown">
                     <NavDropdown.Item onClick={() => changeLocale('fr')}> 
                         <FormattedMessage id="languageSelector.french"/> 
@@ -187,6 +187,12 @@ const InGame = ({locale, changeLocale}) => {
                     </NavDropdown.Item>
                 </NavDropdown>
             </Nav>
+
+            <label>
+              <Switch checked={SwitchEnabled} onChange={setSwitchEnabled}/>
+              <p>Afficher les noeuds possibles</p>
+            </label>
+
           </Offcanvas.Body>
         </Offcanvas>
 

cryptide_project/yarn.lock

@@ -1270,6 +1270,13 @@
   dependencies:
     "@types/hammerjs" "^2.0.36"
 
+"@egjs/hammerjs@^2.0.0":
+  version "2.0.17"
+  resolved "https://registry.npmjs.org/@egjs/hammerjs/-/hammerjs-2.0.17.tgz"
+  integrity sha512-XQsZgjm2EcVUiZQf11UBJQfmZeEmOW8DpI1gsFeln6w0ae0ii4dMQEQ0kjl6DspdWX1aGY1/loyXnP0JS06e/A==
+  dependencies:
+    "@types/hammerjs" "^2.0.36"
+
 "@eslint-community/eslint-utils@^4.2.0":
   "integrity" "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA=="
   "resolved" "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz"
@@ -2022,6 +2029,20 @@
     "lz-string" "^1.5.0"
     "pretty-format" "^27.0.2"
 
+"@testing-library/dom@>=7.21.4":
+  version "9.3.3"
+  resolved "https://registry.npmjs.org/@testing-library/dom/-/dom-9.3.3.tgz"
+  integrity sha512-fB0R+fa3AUqbLHWyxXa2kGVtf1Fe1ZZFr0Zp6AIbIAzXb2mKbEXl+PCQNUOaq5lbTab5tfctfXRNsWXxa2f7Aw==
+  dependencies:
+    "@babel/code-frame" "^7.10.4"
+    "@babel/runtime" "^7.12.5"
+    "@types/aria-query" "^5.0.1"
+    aria-query "5.1.3"
+    chalk "^4.1.0"
+    dom-accessibility-api "^0.5.9"
+    lz-string "^1.5.0"
+    pretty-format "^27.0.2"
+
 "@testing-library/jest-dom@^5.17.0":
   "integrity" "sha512-ynmNeT7asXyH3aSVv4vvX4Rb+0qjOhdNHnO/3vuZNqPmhDpV/+rCSGwQ7bLcmU2cJ4dvoheIO85LQj0IbJHEtg=="
   "resolved" "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-5.17.0.tgz"