chore(ui): slight adjustments to Story

cloudoperators · Nov 8, 2024 · ebd3fcb · ebd3fcb
1 parent b3f9c42
commit ebd3fcb
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 14 deletions.
diff --git a/packages/ui-components/src/components/Grid/Grid.stories.tsx b/packages/ui-components/src/components/Grid/Grid.stories.tsx
@@ -19,18 +19,16 @@ export default {
     },
   },
   decorators: [
-    (Story, context) => (
+    (Story) => (
       <div className="juno-container jn-px-6 jn-py-6">
-        <Story {...context} />
+        <Story />
       </div>
     ),
   ],
 } as Meta<typeof Grid>
 
-const Template: StoryFn<GridProps> = (args, context) => (
-  <Grid {...args} className={`jn-bg-juno-blue-3 jn-text-juno-grey-blue ${args.className}`}>
-    {context.args.children}
-  </Grid>
+const Template: StoryFn<GridProps> = (args) => (
+  <Grid {...args} className={`jn-bg-juno-blue-3 jn-text-juno-grey-blue ${args.className || ""}`} />
 )
 
 export const Default = {

diff --git a/packages/ui-components/src/components/GridRow/GridRow.stories.tsx b/packages/ui-components/src/components/GridRow/GridRow.stories.tsx
@@ -18,14 +18,11 @@ export default {
     },
   },
   decorators: [
-    (Story, context) => {
-      const { parameters } = context
-      return (
-        <div className={`jn-bg-juno-blue-3 jn-text-juno-grey-blue ${parameters.className || ""}`}>
-          <Story {...parameters} />
-        </div>
-      )
-    },
+    (Story) => (
+      <div className="jn-bg-juno-blue-3 jn-text-juno-grey-blue">
+        <Story />
+      </div>
+    ),
   ],
 } as Meta<typeof GridRow>