From b0230db3629502da946d9a050c5528f5823c4017 Mon Sep 17 00:00:00 2001
From: Azalea <22280294+hykilpikonna@users.noreply.github.com>
Date: Tue, 17 Dec 2024 00:04:21 -0500
Subject: [PATCH] [O] Hide things irrelevant for edit mode

---
 src/App.svelte | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/App.svelte b/src/App.svelte
index db7af76..af6eee9 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -265,7 +265,7 @@
     <div class="status" class:error={!complete}>{statusMsg}</div>
   {/if}
 
-  <div class="timer">{Fmt.duration(elapsed)}</div>
+  {#if !editMode}<div class="timer">{Fmt.duration(elapsed)}</div>{/if}
   <div class="puzzle-grid" style={`height: ${rows * cfg.totalW}px; width: ${cols * cfg.totalW}px;`}
        on:click={clickDiv} on:contextmenu={clickDiv} on:keypress={console.log} role="grid" tabindex="0"
        on:mousedown={startDrag} on:mousemove={e => dragging && clickDiv(e)} on:mouseup={() => dragging = false}
@@ -317,9 +317,12 @@
       <button on:click={() => mode = modes[(modes.indexOf(mode) + 1) % modes.length]}>Mode: {mode}</button>
     </div>
 
-    <div class="btn-div">
-      <button on:click={() => console.log(statusMsg = checkSolution())}>Check Solution</button>
-    </div>
+    <!-- Check solution -->
+    {#if !editMode}
+      <div class="btn-div">
+        <button on:click={() => console.log(statusMsg = checkSolution())}>Check Solution</button>
+      </div>
+    {/if}
 
     <!-- Edit Colors (input for now, maybe a color picker later) -->
     {#if mode === 'color'}