From b95a2f44c33284893c270e1df6e068455dfd4cfd Mon Sep 17 00:00:00 2001
From: Pierre Ferreira <p.ferreira1@outlook.fr>
Date: Mon, 4 Dec 2023 09:33:16 +0100
Subject: [PATCH] :fire::fire::fire

---
 cryptide_project/src/Pages/SoloGame.css | 107 -----------
 cryptide_project/src/Pages/SoloGame.tsx | 236 ------------------------
 2 files changed, 343 deletions(-)
 delete mode 100644 cryptide_project/src/Pages/SoloGame.css
 delete mode 100644 cryptide_project/src/Pages/SoloGame.tsx

diff --git a/cryptide_project/src/Pages/SoloGame.css b/cryptide_project/src/Pages/SoloGame.css
deleted file mode 100644
index 4f2769b..0000000
--- a/cryptide_project/src/Pages/SoloGame.css
+++ /dev/null
@@ -1,107 +0,0 @@
-.upperInfo{
-    display: flex;
-    justify-content: center;
-    flex-direction: column;
-    align-items: center;
-
-    width: 30%;
-
-    border-radius: 0px 0px 30px 30px;
-    border: solid;
-    border-width: 2px 5px;
-
-    background-color: white;
-
-    font-size: 30px;
-
-    top: 20px;;
-}
-
-#mainDiv{
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-direction: column;
-}
-
-
-.paramDiv{
-    z-index: 1;
-    position: absolute;
-    top: 10px;
-    right: 10px;
-}
-
-#graphDiv{
-
-    display: flex;
-    flex-direction: row;
-
-    position: absolute;
-
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-}
-
-#bottom-container{
-    bottom: 0;
-    
-    background-color: white;
-    padding:20px;
-    border-radius: 20px 20px 0px 0px;
-}
-
-.nbLaps{
-    position: absolute;
-    z-index: 1;
-    left: 10px;
-    top :50px;
-
-    margin: 10px 20px;
-    padding: 20px;
-    border-radius: 15px;
-    border: solid 2px;
-
-    font-size: 30px;
-    color: #fff;
-}
-
-#endgamebutton{
-    position: absolute;
-    z-index: 1;
-    bottom: 0;
-    right: 25%;
-}
-
-.upperInfo,
-#bottom-container,
-.menuGame {
-    position: absolute;
-    z-index: 1;
-}
-
-.menuGame{
-    display: flex;
-    align-items: space-between;
-    justify-content: end;
-    flex-direction: column;
-
-    top:30%;
-    right: 0;
-}
-
-.menuGame Button {
-    margin: 10px;
-}
-
-.button{
-    /*background-color: #85C9C2;*/
-    
-    border: solid 2px #85C9C2;
-    border-radius: 10px;
-
-    width: 100px;
-    height: 60px;
-}
diff --git a/cryptide_project/src/Pages/SoloGame.tsx b/cryptide_project/src/Pages/SoloGame.tsx
deleted file mode 100644
index 98e5825..0000000
--- a/cryptide_project/src/Pages/SoloGame.tsx
+++ /dev/null
@@ -1,236 +0,0 @@
-import React, { useState } from 'react';
-import Switch from "react-switch";
-
-/* Style */
-import "./SoloGame.css"
-import {useTheme} from '../Style/ThemeContext'
-/* Component */
-import GraphContainer from '../Components/GraphContainer';
-import ChoiceBar from '../Components/ChoiceBar';
-import ButtonImgNav from '../Components/ButtonImgNav';
-import PersonStatus from '../Components/PersonStatus';
-import PlayerList from '../Components/PlayerList';
-
-/* Icon */
-import Leave from "../res/icon/leave.png";
-import Param from "../res/icon/param.png";
-import Replay from "../res/icon/replay.png";
-import Info from "../res/icon/infoGreen.png";
-import Check from "../res/icon/checkboxGreen.png";
-import Alpha from "../res/GreekLetters/alphaW.png";
-
-/* nav */
-import { Link } from 'react-router-dom';
-
-/* Boostrap */
-import Button from 'react-bootstrap/Button';
-import Offcanvas from 'react-bootstrap/Offcanvas';
-
-/* Model */
-import Stub from '../model/Stub';
-import { HiLanguage } from 'react-icons/hi2';
-import { Nav, NavDropdown } from 'react-bootstrap';
-import { FormattedMessage } from 'react-intl';
-import Color from '../model/Color';
-import TurnBar from '../Components/TurnBar';
-import { useGame } from '../Contexts/GameContext';
-
-//@ts-ignore
-const SoloGame = ({locale, changeLocale}) => {
-
-    const theme = useTheme();
-
-    const [showChoiceBar, setShowChoiceBar] = useState(false);
-    const [showTurnBar, setShowTurnBar] = useState(false);
-
-
-    const handleNodeClick = (shouldShowChoiceBar: boolean) => {
-        setShowChoiceBar(shouldShowChoiceBar);
-    };
-
-    const handleShowTurnBar = (shouldShowTurnBar: boolean) => {
-        setShowTurnBar(shouldShowTurnBar);
-    };
-
-    /* offcanvas */
-    //? faire une fonction pour close et show en fonction de l'etat du canva ?
-    //? comment faire pour eviter la recopie de tout le code a chaque canvas boostrap ?
-    const [show, setShow] = useState(false);
-    const handleClose = () => setShow(false);
-    const handleShow = () => setShow(true);
-
-    // const [showP, setShowP] = useState(false);
-    // const handleCloseP = () => setShowP(false);
-    // const handleShowP = () => setShowP(true);
-
-    const [showS, setShowS] = useState(false);
-    const handleCloseS = () => setShowS(false);
-    const handleShowS = () => setShowS(true);
-
-    const handleChange = () => {
-        if (show){
-        handleClose()
-        }
-        else {
-            handleShow()
-        }
-    };
-
-    // const handleChangeP = () => {
-    //     if (showP){
-    //         handleCloseP()
-    //     }
-    //     else {
-    //         handleShowP()
-    //     }
-    // };
-
-    const handleChangeS = () => {
-        if (showS){
-            handleCloseS()
-        }
-        else {
-            handleShowS()
-        }
-    };
-
-    /* Windows open */
-    //@ts-ignore
-    const openInNewTab = (url) => { //! avec url ==> dangereux
-        window.open(url);
-    };
-
-    const [SwitchEnabled, setSwitchEnabled] = useState(false)
-    const indices = Stub.GenerateIndice()
-    const { indice, players } = useGame();
-
-
-    return (
-        <div id="mainDiv">
-            <TurnBar text="je suis dans la page solo"/>
-            <div id='graphDiv'>
-                {/* <GraphContainer onNodeClick={handleNodeClick} handleShowTurnBar={handleShowTurnBar} FromSolo={true}/> */}
-            </div>
-
-            <div className='nbLaps' style={{ 
-                                        backgroundColor: theme.colors.primary,
-                                        borderColor: theme.colors.secondary
-                                    }}>
-                Tour : 5
-            </div>
-
-            <div className='paramDiv'>
-                <button className='button'
-                    style={{ 
-                        backgroundColor: theme.colors.primary,
-                        borderColor: theme.colors.secondary
-                    }}
-                    onClick={handleChangeS}>
-                    <img src={Param} alt="paramètres" height='40'/>
-                </button>
-            </div>
-
-            <div className='menuGame'>
-                <Link to='/info' target='_blank'>
-                    <button className='button' 
-                    style={{ 
-                        backgroundColor: theme.colors.primary,
-                        borderColor: theme.colors.secondary
-                    }}>
-                    <img src={Info} alt="info" height="40"/>
-                    </button>
-                </Link>
-            {/* <button className='button' onClick={() => openInNewTab('http://localhost:3000/play')}> //! avec url =={'>'} dangereux
-                <img src={Check} alt="check" height="40"/>
-            </button> */}
-
-                <Link to='/info' target='_blank'>
-                    <button className='button'
-                    style={{ 
-                        backgroundColor: theme.colors.primary,
-                        borderColor: theme.colors.secondary
-                    }}>
-                    <img src={Check} alt="check" height="40"/>
-                    </button>
-                </Link>
-
-                <button className='button' onClick={handleChange}
-                            style={{ 
-                                backgroundColor: theme.colors.primary,
-                                borderColor: theme.colors.secondary
-                            }}>
-                    <img src={Alpha} alt="indice" height="40"/>
-                </button>
-            </div>
-
-            {/* <Offcanvas show={showP} 
-                    onHide={handleCloseP}>
-            <Offcanvas.Header closeButton>
-                <Offcanvas.Title>Joueurs</Offcanvas.Title>
-                <h3>Il y a {players.length} joueurs</h3>
-            </Offcanvas.Header>
-            <Offcanvas.Body>
-                <PlayerList players={players} />
-            </Offcanvas.Body>
-            </Offcanvas> */}
-
-            <Offcanvas show={show} 
-                    onHide={handleClose} 
-                    placement='end'
-                    scroll={true}
-                    backdrop={false}
-                    style={{ height: '20%', width: '25%', top: '60vh' }}>
-            <Offcanvas.Header closeButton>
-                <Offcanvas.Title>Indice</Offcanvas.Title>
-            </Offcanvas.Header>
-            <Offcanvas.Body>
-                {/* Possède les cheveux noir <u>ou</u> joue au basket */}
-                {indice?.ToString(locale)}
-            </Offcanvas.Body>
-            </Offcanvas>
-
-            {
-            //* canva pour les paramètres
-            }
-            <Offcanvas show={showS} 
-                    onHide={handleCloseS} 
-                    placement='top'
-                    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/> Language </span>}
-                        className="navbar-title" id="basic-nav-dropdown">
-                            <NavDropdown.Item onClick={() => changeLocale('fr')}> 
-                                <FormattedMessage id="languageSelector.french"/> 
-                            </NavDropdown.Item>
-                            <NavDropdown.Item onClick={() => changeLocale('en')}> 
-                                <FormattedMessage id="languageSelector.english"/> 
-                            </NavDropdown.Item>
-                        </NavDropdown>
-                    </Nav>
-
-                    <label>
-                        <Switch checked={SwitchEnabled} onChange={setSwitchEnabled}/>
-                        <p>Afficher les noeuds possibles</p>
-                    </label>
-
-                </Offcanvas.Body>
-            </Offcanvas>
-            <div id="bottom-container">
-            {showChoiceBar && <ChoiceBar />}
-            </div>
-            {/*
-            <div id="endgamebutton" > {/*  tmp 
-            <ButtonImgNav dest="/endgame" img={Leave} text='endgame'/>
-            </div>
-        */}
-        </div>
-    );
-};
-
-
-export default SoloGame;