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}) => {
-