chore: extract pan distance as config variable

Robin-w151 · Feb 19, 2025 · 07939fe · 07939fe
1 parent dfe2400
commit 07939fe
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/src/lib/components/news/story/content/StoryImageViewer.svelte b/src/lib/components/news/story/content/StoryImageViewer.svelte
@@ -7,6 +7,8 @@
   import { Icon } from '@steeze-ui/svelte-icon';
   import { ChevronLeft, ChevronRight, XMark } from '@steeze-ui/heroicons';
   import { logger } from '$lib/utils/logger';
+  import { PAN_DISTANCE } from '$lib/configs/client';
+
   interface Props {
     image: StoryImage;
     images?: Array<StoryImage>;
@@ -101,19 +103,19 @@
           return;
         case 'ArrowUp':
           event.preventDefault();
-          panzoom?.pan(0, 50, { relative: true });
+          panzoom?.pan(0, PAN_DISTANCE, { relative: true });
           return;
         case 'ArrowDown':
           event.preventDefault();
-          panzoom?.pan(0, -50, { relative: true });
+          panzoom?.pan(0, -PAN_DISTANCE, { relative: true });
           return;
         case 'ArrowLeft':
           event.preventDefault();
-          panzoom?.pan(50, 0, { relative: true });
+          panzoom?.pan(PAN_DISTANCE, 0, { relative: true });
           return;
         case 'ArrowRight':
           event.preventDefault();
-          panzoom?.pan(-50, 0, { relative: true });
+          panzoom?.pan(-PAN_DISTANCE, 0, { relative: true });
           return;
       }
     } else {

diff --git a/src/lib/configs/client.ts b/src/lib/configs/client.ts
@@ -37,3 +37,6 @@ export const NEWS_CHECK_UPDATES_INTERVAL_IN_MS = 1_800_000;
 
 // Story
 export const STORY_CONTENT_FETCH_MAX_RETRIES = 5;
+
+// StoryImageViewer
+export const PAN_DISTANCE = 50;