From 43d671713d0246ad375a4c8e040b10c8a09d22a9 Mon Sep 17 00:00:00 2001
From: Alexander Bentkamp <bentkamp@gmail.com>
Date: Fri, 25 Nov 2022 10:09:15 +0100
Subject: [PATCH] level navigation

---
 client/src/components/Level.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/client/src/components/Level.tsx b/client/src/components/Level.tsx
index 3d68b8f..b4db328 100644
--- a/client/src/components/Level.tsx
+++ b/client/src/components/Level.tsx
@@ -135,10 +135,10 @@ function Level({ leanClient, nbLevels, level, setCurLevel, setLevelTitle, setFin
     setHistory(history.slice(0, -1));
   }
 
-  function loadNextLevel() {
+  function loadLevel(index) {
     setCompleted(false)
     setHistory([])
-    setCurLevel(index + 1)
+    setCurLevel(index)
   }
 
   function closeMessage() {
@@ -163,7 +163,8 @@ function Level({ leanClient, nbLevels, level, setCurLevel, setLevelTitle, setFin
       </Grid>
       <Grid xs={4}>
         <div ref={infoviewRef} className="infoview"></div>
-        <Button onClick={loadNextLevel} sx={{ ml: 3, mt: 2, mb: 2 }} disableFocusRipple>Go to Next Level</Button>
+        {index > 1 ? <Button onClick={() => { loadLevel(index - 1) }} sx={{ ml: 3, mt: 2, mb: 2 }} disableFocusRipple>Previous Level</Button> : null}
+        {index < nbLevels ? <Button onClick={() => { loadLevel(index + 1) }} sx={{ ml: 3, mt: 2, mb: 2 }} disableFocusRipple>Next Level</Button> : null}
         {/* <TacticState goals={leanData.goals} errors={errors} lastTactic={lastTactic} completed={completed} /> */}
       </Grid>
     </Grid>