fix: story

src/stories/components/ToggleSwitch.stories.tsx

@@ -13,4 +13,8 @@ const meta = {
 export default meta;
 type Story = StoryObj<typeof meta>;
 
-export const Default: Story = {};
+export const Default: Story = {
+    args: {
+        isChecked: true, // The SwitchButton will start in the "checked" state
+    },
+};

src/views/components/common/SwitchButton.tsx

@@ -1,15 +1,20 @@
 import React, { useState } from 'react';
 import { Switch } from '@headlessui/react';
+import { useEffect } from 'react';
 
 interface ToggleSwitchProps {
-    label: string;
+    // label: string;
     isChecked: boolean;
-    onChange: (checked: boolean) => void;
+    // onChange: (checked: boolean) => void;
 }
 
-const SwitchButton: React.FC = () => {
+const SwitchButton: React.FC<ToggleSwitchProps> = ({ isChecked = true }) => {
     const [enabled, setEnabled] = useState(true);
 
+    useEffect(() => {
+        setEnabled(isChecked);
+    }, [isChecked]);
+
     return (
         <Switch
             checked={enabled}