src/app/components/button/stories/Button.stories.tsx

@@ -8,14 +8,12 @@ import createInvoiceUsecase from "@/feature/core/invoice/domain/usecase/create-i
 import type { Meta } from "@storybook/react";
 import { useRef } from "react";
 
-// More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
 const meta: Meta = {
   title: "general/Button",
 };
 
 export default meta;
 
-// More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
 export const Primary: Story = {
   argTypes: {
     "vm.props.isDisable": {
@@ -35,18 +33,18 @@ export const Primary: Story = {
   }
 };
 
-export const WithVM: Story = {
-  decorators: [
-    (Story) => {
-      return <Story />
-    }
-  ],
-  render: () => {
-    const Child = () => {
-      const di = useDI();
-      const vm = useRef(di.resolve(CreateRandomInvoiceButtonVM));
-      return <Button vm={vm.current} memoizedByVM={false} />
-    }
-    return (<DiContext.Provider value={dashboardAppModule()}> <Child /> </ DiContext.Provider>)
-  }
-}
+// export const WithVM: Story = {
+//   decorators: [
+//     (Story) => {
+//       return <Story />
+//     }
+//   ],
+//   render: () => {
+//     const Child = () => {
+//       const di = useDI();
+//       const vm = useRef(di.resolve(CreateRandomInvoiceButtonVM));
+//       return <Button vm={vm.current} memoizedByVM={false} />
+//     }
+//     return (<DiContext.Provider value={dashboardAppModule()}> <Child /> </ DiContext.Provider>)
+//   }
+// }

src/app/globals.css

@@ -34,7 +34,7 @@ body {
     --chart-5: 27 87% 67%;
     --radius: 0.5rem;
   }
-  .dark {
+  :root[class~="dark"] {
     --background: 240 10% 3.9%;
     --foreground: 0 0% 98%;
     --card: 240 10% 3.9%;