refactor: Pager story

IFRCGo · Jun 11, 2024 · 603e94d · 603e94d
1 parent 47dce59
commit 603e94d
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 17 deletions.
diff --git a/packages/go-ui-storybook/src/stories/ProgressBar.tsx b/packages/go-ui-storybook/src/stories/ProgressBar.tsx
@@ -1,15 +1,13 @@
 import {
     ProgressBar as PureProgressBar,
-    ProgressBarProps as PureProgressBarProps,
+    ProgressBarProps,
 } from '@ifrc-go/ui';
 
-interface ProgressBarProps extends PureProgressBarProps{}
-
-function WrappedProgressBar(props: ProgressBarProps) {
+function ProgressBar(props: ProgressBarProps) {
     return (
-    // eslint-disable-next-line react/jsx-props-no-spreading
+        // eslint-disable-next-line react/jsx-props-no-spreading
         <PureProgressBar {...props} />
     );
 }
 
-export default WrappedProgressBar;
+export default ProgressBar;
diff --git a/packages/go-ui-storybook/src/stories/Progressbar.stories.ts b/packages/go-ui-storybook/src/stories/Progressbar.stories.ts
@@ -1,3 +1,4 @@
+import { ProgressBarProps } from '@ifrc-go/ui';
 import type {
     Meta,
     StoryObj,
@@ -12,7 +13,7 @@ const meta = {
         layout: 'centered',
         design: {
             type: 'figma',
-            url: 'https://www.figma.com/file/myeW85ibN5p2SlnXcEpxFD/IFRC-GO---UI-Current---1?type=design&node-id=0-4957&mode=design&t=KwxbuoUQxqcLyZbG-0',
+            url: 'https://www.figma.com/file/k9SOqgh5jk9PxzuBKdMKsA/IFRC-GO---UI-Library?node-id=14425-221303&t=tvoCZGUCjrbFSV16-4',
             allowFullscreen: true,
         },
     },
@@ -21,28 +22,28 @@ const meta = {
 } satisfies Meta<typeof ProgressBar>;
 
 export default meta;
-type Story = StoryObj<typeof meta>;
+
+type Story = StoryObj<ProgressBarProps>;
 
 export const Default: Story = {
     args: {
         className: 'progress-bar',
-        value: 50,
-        title: 'Total People',
-        totalValue: 100,
-        showPercentageInTitle: true,
+        value: 75,
+        title: 'Total Projects Completed',
+        totalValue: 150,
     },
 };
 
-export const WithTitle : Story = {
+export const WithPercentageInTitle: Story = {
     args: {
         ...Default.args,
-        title: 'Total People',
+        showPercentageInTitle: true,
     },
 };
 
 export const WithDescription: Story = {
     args: {
         ...Default.args,
-        description: 'Loading progress of a file',
+        description: 'Number of projects completed successfully this year.',
     },
 };
diff --git a/packages/go-ui-storybook/src/stories/index.css b/packages/go-ui-storybook/src/stories/index.css
@@ -73,5 +73,5 @@
 }
 
 .progress-bar{
-    width:10rem;
-}
+    width:20rem;
+}