feat(Popup)!: fix FilePreview local storybook for test

gravity-ui · Nov 26, 2024 · 2a980d7 · 2a980d7
1 parent c8ff66a
commit 2a980d7
Showing 1 changed file with 22 additions and 24 deletions.
diff --git a/src/components/FilePreview/__stories__/FilePreview.stories.tsx b/src/components/FilePreview/__stories__/FilePreview.stories.tsx
@@ -102,56 +102,54 @@ const CollageTemplate: StoryFn<FilePreviewProps> = () => {
 
 export const Collage = CollageTemplate.bind({});
 
+const noClickableTemplateActions = [
+    {
+        icon: <Xmark width={14} height={14} />,
+        onClick: () => action('Are you sure you want to delete the file?'),
+        title: 'Close',
+    },
+];
+
 const NoClickableTemplate: StoryFn<Omit<FilePreviewProps, 'actions'>> = (args) => {
     return (
         <Flex gap={4}>
             <FilePreview {...args} file={{name: 'No clickable', type: 'text/docs'} as File} />
             <FilePreview
                 {...args}
                 file={{name: 'No clickable with actions', type: 'text/docs'} as File}
-                actions={[
-                    {
-                        icon: <Xmark width={14} height={14} />,
-                        onClick: () => action('Are you sure you want to delete the file?'),
-                        title: 'Close',
-                    },
-                ]}
+                actions={noClickableTemplateActions}
             />
             <FilePreview
                 {...args}
                 file={{name: 'Clickable with actions', type: 'text/docs'} as File}
                 onClick={() => action('onClick')}
-                actions={[
-                    {
-                        icon: <Xmark width={14} height={14} />,
-                        onClick: () => action('Are you sure you want to delete the file?'),
-                        title: 'Close',
-                    },
-                ]}
+                actions={noClickableTemplateActions}
             />
         </Flex>
     );
 };
 
 export const NoClickable = NoClickableTemplate.bind({});
 
+const withoutActionTooltipTemplateActions = [
+    {
+        icon: <Xmark width={14} height={14} />,
+        onClick: () => action('onClose'),
+        title: 'Close',
+        tooltipExtraProps: {
+            disabled: true,
+        },
+    },
+];
+
 const WithoutActionTooltipTemplate: StoryFn<Omit<FilePreviewProps, 'actions'>> = (args) => {
     return (
         <Flex gap={4}>
             <FilePreview
                 {...args}
                 file={{name: 'Clicable without tooltip', type: 'text/docs'} as File}
                 onClick={() => action('onClick')}
-                actions={[
-                    {
-                        icon: <Xmark width={14} height={14} />,
-                        onClick: () => action('onClose'),
-                        title: 'Close',
-                        tooltipExtraProps: {
-                            disabled: true,
-                        },
-                    },
-                ]}
+                actions={withoutActionTooltipTemplateActions}
             />
         </Flex>
     );