From 09e511ca101a03766ca76929d9eefea43288b905 Mon Sep 17 00:00:00 2001
From: Pieter Vander Vennet <pietervdvn@posteo.net>
Date: Thu, 26 Oct 2023 13:57:42 +0200
Subject: [PATCH] UX: actually show 'finish' and hide 'back'-button on the
 first slide

---
 src/UI/Walkthrough/Walkthrough.svelte     | 5 +++--
 src/UI/Walkthrough/WalkthroughStep.svelte | 2 ++
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/UI/Walkthrough/Walkthrough.svelte b/src/UI/Walkthrough/Walkthrough.svelte
index 03858d84b..bbb5d0661 100644
--- a/src/UI/Walkthrough/Walkthrough.svelte
+++ b/src/UI/Walkthrough/Walkthrough.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 
-  import * as nmd from "nano-markdown";
+  import nmd from "nano-markdown";
   import { createEventDispatcher } from "svelte";
   import WalkthroughStep from "./WalkthroughStep.svelte";
   import FromHtml from "../Base/FromHtml.svelte";
@@ -9,6 +9,7 @@
    * Markdown
    */
   export let pages: string[];
+  console.log("Walkthrough pages are", pages)
 
   let currentPage: number = 0;
 
@@ -26,7 +27,7 @@
 </script>
 
 
-<WalkthroughStep on:back={() => step(-1)} on:next={() => step(1)}>
+<WalkthroughStep on:back={() => step(-1)} on:next={() => step(1)} isFirst={currentPage === 0} islast={currentPage + 1 === pages.length}>
   <FromHtml src={nmd(pages[currentPage])} />
 </WalkthroughStep>
 
diff --git a/src/UI/Walkthrough/WalkthroughStep.svelte b/src/UI/Walkthrough/WalkthroughStep.svelte
index 77bbd833f..34c298e67 100644
--- a/src/UI/Walkthrough/WalkthroughStep.svelte
+++ b/src/UI/Walkthrough/WalkthroughStep.svelte
@@ -21,6 +21,8 @@
     <BackButton clss="w-full" on:click={() => dispatch("back")}>
       Back
     </BackButton>
+      {:else}
+      <div class="w-full"/>
       {/if}
     <NextButton clss="primary w-full" on:click={() => dispatch("next")}>
       {#if islast}