feat: make it easier to leave adding annotation mode on sample details (#5)

Author: ikondrat

CHANGELOG.md

@@ -9,6 +9,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Added
 
 ### Changed
+- Pressing Escape while adding an annotation now cancels add-annotation mode.
 
 ### Deprecated
 

lightly_studio_view/src/lib/components/SampleDetails/SampleDetails.svelte

@@ -137,7 +137,13 @@
         switch (event.key) {
             // Check for escape key
             case get(settingsStore).key_go_back:
-                handleEscape();
+                if ($isEditingMode) {
+                    if (addAnnotationEnabled) {
+                        addAnnotationEnabled = false;
+                    }
+                } else {
+                    handleEscape();
+                }
                 break;
             // Add spacebar handling for selection toggle
             case ' ': // Space key

lightly_studio_view/src/lib/hooks/useKeyboardShortcuts.ts

@@ -22,7 +22,6 @@
     import Segment from '$lib/components/Segment/Segment.svelte';
     import { useFeatureFlags } from '$lib/hooks/useFeatureFlags/useFeatureFlags';
     import { useHideAnnotations } from '$lib/hooks/useHideAnnotations';
-    import { defaultShortcuts, useKeyboardShortcuts } from '$lib/hooks/useKeyboardShortcuts';
     import { useAnnotationLabels } from '$lib/hooks/useAnnotationLabels/useAnnotationLabels';
     import { useDimensions } from '$lib/hooks/useDimensions/useDimensions';
     import {
@@ -71,11 +70,6 @@
         }
     });
 
-    // Set up keyboard shortcuts using the hook
-    useKeyboardShortcuts({
-        goBack: defaultShortcuts.goBack
-    });
-
     const isSamples = $derived(isSamplesRoute(page.route.id));
     const isAnnotations = $derived(isAnnotationsRoute(page.route.id));
     const isSampleDetails = $derived(isSampleDetailsRoute(page.route.id));