feat(manager-react-components): update stories

ref: MANAGER-15698 Signed-off-by: Alex Boungnaseng <[email protected]>
ovh · Dec 4, 2024 · 8a5d55b · 8a5d55b
1 parent f289e6f
commit 8a5d55b
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 6 deletions.
diff --git a/packages/manager-react-components/src/components/datagrid/datagrid-cursor.stories.tsx b/packages/manager-react-components/src/components/datagrid/datagrid-cursor.stories.tsx
@@ -62,7 +62,7 @@ const DatagridStory = (args) => {
 export const Basic = DatagridStory.bind({});
 
 Basic.args = {
-  columns: columns,
+  columns,
   items: [...Array(10).keys()].map((_, i) => ({
     label: `Item #${i}`,
     price: Math.floor(1 + Math.random() * 100),
@@ -75,14 +75,14 @@ Basic.args = {
 export const Empty = DatagridStory.bind({});
 
 Empty.args = {
-  columns: columns,
+  columns,
   items: [],
 };
 
 export const Sortable = DatagridStory.bind({});
 
 Sortable.args = {
-  columns: columns,
+  columns,
   items: [...Array(10).keys()].map((_, i) => ({
     label: `Item #${i}`,
     price: Math.floor(1 + Math.random() * 100),

diff --git a/packages/manager-react-components/src/components/datagrid/datagrid.stories.tsx b/packages/manager-react-components/src/components/datagrid/datagrid.stories.tsx
@@ -87,7 +87,7 @@ const DatagridStory = ({
 export const Basic = DatagridStory.bind({});
 
 Basic.args = {
-  columns: columns,
+  columns,
   items: [...Array(50).keys()].map((_, i) => ({
     label: `Item #${i}`,
     price: Math.floor(1 + Math.random() * 100),
@@ -99,14 +99,14 @@ Basic.args = {
 export const Empty = DatagridStory.bind({});
 
 Empty.args = {
-  columns: columns,
+  columns,
   items: [],
 };
 
 export const Sortable = DatagridStory.bind({});
 
 Sortable.args = {
-  columns: columns,
+  columns,
   items: [...Array(10).keys()].map((_, i) => ({
     label: `Item #${i}`,
     price: Math.floor(1 + Math.random() * 100),
@@ -122,5 +122,11 @@ export default {
     status: {
       type: 'deprecated',
     },
+    docs: {
+      description: {
+        component:
+          'The `Datagrid` component in pagination mode is now `deprecated`.',
+      },
+    },
   },
 };