From 41e8ba98019ebd28c382bf187b9f826f7e334503 Mon Sep 17 00:00:00 2001
From: Sudev Kiyada <sudev.kiyada@thomsonreuters.com>
Date: Mon, 2 Jun 2025 15:21:33 +0530
Subject: [PATCH] simplfies video paths

---
 .../ScrollyVideo/ScrollyVideo.stories.svelte        | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/components/ScrollyVideo/ScrollyVideo.stories.svelte b/src/components/ScrollyVideo/ScrollyVideo.stories.svelte
index 6a41892d..a22bc17d 100644
--- a/src/components/ScrollyVideo/ScrollyVideo.stories.svelte
+++ b/src/components/ScrollyVideo/ScrollyVideo.stories.svelte
@@ -125,11 +125,14 @@
   import V_16_9 from './videos/v_16_9.mp4';
   import Goldengate from './videos/goldengate.mp4';
 
-  const args = $state({
+  const videoSrc = {
     V_9_16,
     V_1_1,
     V_16_9,
     Goldengate,
+  };
+
+  const args = $state({
     trackScroll: true,
     height: '500svh',
     showDebugInfo: true,
@@ -151,16 +154,16 @@
   }}
 >
   {#if width < 600}
-    <ScrollyVideo {...args} src={args.V_9_16} />
+    <ScrollyVideo {...args} src={videoSrc.V_9_16} />
   {:else if width < 1200}
-    <ScrollyVideo {...args} src={args.V_1_1} />
+    <ScrollyVideo {...args} src={videoSrc.V_1_1} />
   {:else}
-    <ScrollyVideo {...args} src={args.V_16_9} />
+    <ScrollyVideo {...args} src={videoSrc.V_16_9} />
   {/if}
 </Story>
 
 <Story name="Autoplay" {args}>
-  <ScrollyVideo {...args} src={args.Goldengate} autoplay={true} />
+  <ScrollyVideo {...args} src={videoSrc.Goldengate} autoplay={true} />
 </Story>
 
 <Story name="inside ScrollerBase" {args}>