From 177a75d5edc85dbf58b80be2079ac3d63e6a68f8 Mon Sep 17 00:00:00 2001 From: Pierre Ferreira Date: Fri, 8 Dec 2023 09:56:54 +0100 Subject: [PATCH] finission du tuto et gestion du bouton d'aide. :bento: --- cryptide_project/src/Pages/Tutorial.tsx | 64 +++++++++++++++--- .../src/res/img/tuto/tuto-rep.png | Bin 0 -> 18189 bytes 2 files changed, 53 insertions(+), 11 deletions(-) create mode 100644 cryptide_project/src/res/img/tuto/tuto-rep.png diff --git a/cryptide_project/src/Pages/Tutorial.tsx b/cryptide_project/src/Pages/Tutorial.tsx index 24cc1f3..a82ab0c 100644 --- a/cryptide_project/src/Pages/Tutorial.tsx +++ b/cryptide_project/src/Pages/Tutorial.tsx @@ -21,6 +21,7 @@ import Ceye from "../res/icon/hidden.png"; import ImgBot from "../res/img/bot.png"; import ava from "../res/img/tuto/tuto-ava.png"; +import rep from "../res/img/tuto/tuto-rep.png"; import joueurs from "../res/img/tuto/tuto-joueurs.png"; import tada from "../res/img/tuto/tuto-tada.png"; @@ -250,10 +251,43 @@ const Tutorial = ({locale, changeLocale}) => { const handleCloseM = () => { setShowM(false); - setTuto1disable(false); } const handleShowM = () => setShowM(true); + const handleCloseHelp = () => { + switch(tutoStep){ + case 0: + setShowTuto2(false); + break; + case 1: + setShowTuto21(false); + break; + case 2: + setShowTuto22(false); + break; + case 3: + setShowTuto3(false); + break; + } + } + const handleShowHelp = () => { + switch(tutoStep){ + case 0: + setShowTuto2(true); + break; + case 1: + setShowTuto21(true); + break; + case 2: + setShowTuto22(true); + break; + case 3: + setShowTuto3(true); + break; + } + } + + const handleCloseTuto2 = () => setShowTuto2(false); const handleShowTuto2 = () => setShowTuto2(true); @@ -269,9 +303,6 @@ const Tutorial = ({locale, changeLocale}) => { const [step, setStep] = useState(0); - const [tuto1disable, setTuto1disable] = useState(true); //? mauvaise idée ? - - //@ts-ignore const displayModalstep = (step: number) => { //* for step 2 @@ -290,6 +321,10 @@ const Tutorial = ({locale, changeLocale}) => { } + useEffect(() => { + handleShowM(); + }, []) + return (
{showTurnBar && } @@ -316,11 +351,15 @@ const Tutorial = ({locale, changeLocale}) => {
- */} + +