From 768bd7daf55f53d395aa9566512388e60b26c7cc Mon Sep 17 00:00:00 2001
From: Daniel Bulant <danbulant@gmail.com>
Date: Mon, 22 Aug 2022 15:00:22 +0200
Subject: [PATCH] add next button

---
 src/pages/dialog.svelte | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/pages/dialog.svelte b/src/pages/dialog.svelte
index 77e2d61..953c1f4 100644
--- a/src/pages/dialog.svelte
+++ b/src/pages/dialog.svelte
@@ -143,6 +143,7 @@
     var textElement;
     $: {
         if(textElement) {
+            // don't try to fix this animation, svelte transitions won't help.
             d; // everytime d is changed
             textElement.classList.remove("animate");
             void textElement.offsetWidth;
@@ -179,6 +180,7 @@
                     <h1>???</h1>
                 {/if}
                 {#if d.text}
+                    <!-- Don't try to fix this animation. I tried. Multiple times. Using svelte transitions won't help. -->
                     <p class="animate" bind:this={textElement}>
                         {#if d.flags && d.flags.includes("chapters") && chaptersDone.length === 0}
                             {d.alt}
@@ -201,8 +203,10 @@
                             </div>
                         {/each}
                     </div>
-                {:else}
-                    
+                {:else if !success}
+                    <div class="next-center">
+                        <img src="/images/button/next.webp" alt="">
+                    </div>
                 {/if}
             </div>
             {#if success}
@@ -346,4 +350,14 @@
         height: 100%;
         bottom: 0px;
     }
+    .next-center {
+        width: 100%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
+    .next-center img {
+        width: 60px;
+        height: 60px;
+    }
 </style>
\ No newline at end of file