docs: update to use story decorator

Co-authored-by: Radek Podrazky <[email protected]>
securityscorecard · Oct 3, 2023 · 8b471fa · 8b471fa
1 parent 8f6a4a2
commit 8b471fa
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 12 deletions.
diff --git a/...cted/components_Datatable_internalComponents_Datatable_With Persisted State.png b/...cted/components_Datatable_internalComponents_Datatable_With Persisted State.png
diff --git a/src/components/Datatable/DatatableTests.stories.tsx b/src/components/Datatable/DatatableTests.stories.tsx
@@ -299,15 +299,22 @@ WithAllColumnsHidden.args = {
   },
 };
 
-export const WithPersistedState = () => (
-  <Stack gap="md">
-    <Text>
-      An id must be provided to the Datatable in order to persists the table
-      configuration.
-    </Text>
-    {DatatableTemplate({
-      ...MinimalConfig.args,
-      id: 'persisted_state',
-    })}
-  </Stack>
-);
+export const WithPersistedState = DatatableTemplate.bind({});
+WithPersistedState.args = {
+  ...MinimalConfig.args,
+  id: 'persisted_state',
+};
+WithPersistedState.parameters = {
+  screenshot: { skip: true },
+};
+WithPersistedState.decorators = [
+  (storyFn) => (
+    <Stack gap="md">
+      <Text>
+        An id must be provided to the Datatable in order to persists the table
+        configuration.
+      </Text>
+      {storyFn()}
+    </Stack>
+  ),
+];