From 89434014c69c179b191c13740fe24e47b2b655a6 Mon Sep 17 00:00:00 2001
From: Pieter Vander Vennet <pietervdvn@posteo.net>
Date: Wed, 23 Aug 2023 21:16:20 +0200
Subject: [PATCH] Fix: toggle button if not zoomed in enough

---
 src/UI/ThemeViewGUI.svelte | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/UI/ThemeViewGUI.svelte b/src/UI/ThemeViewGUI.svelte
index 6edb510d73..77b9d8db59 100644
--- a/src/UI/ThemeViewGUI.svelte
+++ b/src/UI/ThemeViewGUI.svelte
@@ -171,9 +171,16 @@
     <div class="flex">
       <!-- bottom left elements -->
       <div class="flex flex-col">
-        <button class="primary pointer-events-auto" on:click={() => {
+        <If condition={state.mapProperties.zoom.map(z => z >= Constants.minZoomLevelToAddNewPoint)}>
+          <button class="primary pointer-events-auto" on:click={() => {
           state.openNewItemDialog()
-        }}>Add a new point</button>
+        }}>
+            Add a new point
+          </button>
+          <button class="primary disabled" slot="else">
+            Zoom in to add a new point
+          </button>
+        </If>
 
         <div class="flex">