From 8a5d55b1880de23a3fa49bff852bb29269248047 Mon Sep 17 00:00:00 2001
From: Alex Boungnaseng <alex.boungnaseng.ext@corp.ovh.com>
Date: Wed, 4 Dec 2024 16:41:23 +0100
Subject: [PATCH] feat(manager-react-components): update stories

ref: MANAGER-15698

Signed-off-by: Alex Boungnaseng <alex.boungnaseng.ext@corp.ovh.com>
---
 .../components/datagrid/datagrid-cursor.stories.tsx  |  6 +++---
 .../src/components/datagrid/datagrid.stories.tsx     | 12 +++++++++---
 2 files changed, 12 insertions(+), 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
index 6270ec05f07e..3805ed7b47a4 100644
--- 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
index 38dee8381869..3b35b4ecafbc 100644
--- 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`.',
+      },
+    },
   },
 };