From b735568d56fd68e56c2d07903f133be8949d2cc0 Mon Sep 17 00:00:00 2001
From: "David Richards, Jr." <dbarichardsjr@gmail.com>
Date: Fri, 30 Aug 2024 10:45:17 -0400
Subject: [PATCH] fix: comment out useArgs for future implementation

---
 .../ListItem/ListItemSlider.stories.js        | 21 ++++++++++---------
 .../src/components/Slider/Slider.stories.js   | 21 ++++++++++---------
 .../components/Slider/SliderLarge.stories.js  | 21 ++++++++++---------
 3 files changed, 33 insertions(+), 30 deletions(-)

diff --git a/packages/@lightningjs/ui-components/src/components/ListItem/ListItemSlider.stories.js b/packages/@lightningjs/ui-components/src/components/ListItem/ListItemSlider.stories.js
index 9a1a27ea5..1bc8614bd 100644
--- a/packages/@lightningjs/ui-components/src/components/ListItem/ListItemSlider.stories.js
+++ b/packages/@lightningjs/ui-components/src/components/ListItem/ListItemSlider.stories.js
@@ -20,7 +20,8 @@ import lng from '@lightningjs/core';
 import { default as ListItemSliderComponent } from './ListItemSlider';
 import { createModeControl, generateSubStory } from '../../docs/utils';
 import { Basic as SliderStory } from '../Slider/Slider.stories';
-import { useArgs } from '@storybook/manager-api';
+// TODO: Re-implement after figuring out how to in Storybook 8; worked in 7.
+// import { useArgs } from '@storybook/manager-api';
 
 /**
  * A ListItem component with slider functionality
@@ -31,23 +32,23 @@ export default {
 };
 
 export const ListItemSlider = () => {
-  const [{ value }, updateArgs] = useArgs();
+  // const [{ value }, updateArgs] = useArgs();
   return class ListItemSlider extends lng.Component {
     static _template() {
       return {
         ListItemSlider: {
-          type: ListItemSliderComponent,
-          value: value,
-          signals: {
-            onSliderChange: true
-          }
+          type: ListItemSliderComponent
+          // value: value,
+          // signals: {
+          //   onSliderChange: true
+          // }
         }
       };
     }
     // update arg control when value changes
-    onSliderChange(value) {
-      updateArgs({ value });
-    }
+    // onSliderChange(value) {
+    //   updateArgs({ value });
+    // }
   };
 };
 
diff --git a/packages/@lightningjs/ui-components/src/components/Slider/Slider.stories.js b/packages/@lightningjs/ui-components/src/components/Slider/Slider.stories.js
index 0481d659c..3bf0e61e5 100644
--- a/packages/@lightningjs/ui-components/src/components/Slider/Slider.stories.js
+++ b/packages/@lightningjs/ui-components/src/components/Slider/Slider.stories.js
@@ -20,30 +20,31 @@ import lng from '@lightningjs/core';
 import { createModeControl } from '../../docs/utils';
 import TextBox from '../TextBox';
 import Slider from '.';
-import { useArgs } from '@storybook/manager-api';
+// TODO: Re-implement after figuring out how to in Storybook 8; worked in 7.
+// import { useArgs } from '@storybook/manager-api';
 
 export default {
   title: 'Components/Slider/Slider'
 };
 
 export const Basic = () => {
-  const [{ value }, updateArgs] = useArgs();
+  // const [{ value }, updateArgs] = useArgs();
   return class Basic extends lng.Component {
     static _template() {
       return {
         Slider: {
-          type: Slider,
-          value: value,
-          signals: {
-            onChange: true
-          }
+          type: Slider
+          // value: value,
+          // signals: {
+          //   onChange: true
+          // }
         }
       };
     }
     // update arg control when value changes
-    onChange(value) {
-      updateArgs({ value });
-    }
+    // onChange(value) {
+    //   updateArgs({ value });
+    // }
   };
 };
 
diff --git a/packages/@lightningjs/ui-components/src/components/Slider/SliderLarge.stories.js b/packages/@lightningjs/ui-components/src/components/Slider/SliderLarge.stories.js
index ad53d8432..ef9a0541f 100644
--- a/packages/@lightningjs/ui-components/src/components/Slider/SliderLarge.stories.js
+++ b/packages/@lightningjs/ui-components/src/components/Slider/SliderLarge.stories.js
@@ -20,30 +20,31 @@ import lng from '@lightningjs/core';
 import Slider from './SliderLarge';
 import { createModeControl } from '../../docs/utils';
 import TextBox from '../TextBox';
-import { useArgs } from '@storybook/manager-api';
+// TODO: Re-implement after figuring out how to in Storybook 8; worked in 7.
+// import { useArgs } from '@storybook/manager-api';
 
 export default {
   title: 'Components/Slider/SliderLarge'
 };
 
 export const Basic = () => {
-  const [{ value }, updateArgs] = useArgs();
+  // const [{ value }, updateArgs] = useArgs();
   return class Basic extends lng.Component {
     static _template() {
       return {
         Slider: {
-          type: Slider,
-          value: value,
-          signals: {
-            onChange: true
-          }
+          type: Slider
+          // value: value,
+          // signals: {
+          //   onChange: true
+          // }
         }
       };
     }
     // update arg control when value changes
-    onChange(value) {
-      updateArgs({ value });
-    }
+    // onChange(value) {
+    //   updateArgs({ value });
+    // }
   };
 };