adds waypoint images

web/src/lib/components/photo_card.svelte

@@ -4,6 +4,7 @@
 
     export let src: string;
     export let isThumbnail: boolean = false;
+    export let showThumbnailControls: boolean = true;
 
     const dispatch = createEventDispatcher();
 
@@ -20,7 +21,7 @@
     class="group relative h-32 w-32 rounded-xl bg-cover bg-no-repeat"
     style="background-image: url({src});"
 >
-    {#if isThumbnail}
+    {#if isThumbnail && showThumbnailControls}
         <i
             class="fa fa-file-image absolute top-2 right-2 text-primary bg-white rounded-full px-[10px] py-2 shadow-lg"
         ></i>
@@ -28,13 +29,16 @@
     <div
         class="flex opacity-0 group-hover:opacity-100 absolute top-0 w-full h-full bg-white/75 rounded-xl items-center justify-center gap-6 transition-all"
     >
-        <button
-            type="button"
-            class="tooltip"
-            data-title={$_("make-thumbnail")}
-            on:click={handleThumbnailClick}
-            ><i class="fa fa-file-image text-primary"></i></button
-        >
+        {#if showThumbnailControls}
+            <button
+                type="button"
+                class="tooltip"
+                data-title={$_("make-thumbnail")}
+                on:click={handleThumbnailClick}
+                ><i class="fa fa-file-image text-primary"></i></button
+            >
+        {/if}
+
         <button
             class="tooltip"
             data-title={$_("delete")}