From 2a980d76fb10b7374234bd6325bef14285e591f8 Mon Sep 17 00:00:00 2001
From: oynikishin <oynikishin@yandex-team.ru>
Date: Tue, 26 Nov 2024 11:57:10 +0300
Subject: [PATCH] feat(Popup)!: fix FilePreview local storybook for test

---
 .../__stories__/FilePreview.stories.tsx       | 46 +++++++++----------
 1 file changed, 22 insertions(+), 24 deletions(-)

diff --git a/src/components/FilePreview/__stories__/FilePreview.stories.tsx b/src/components/FilePreview/__stories__/FilePreview.stories.tsx
index bd2caf7c19..aea550e359 100644
--- a/src/components/FilePreview/__stories__/FilePreview.stories.tsx
+++ b/src/components/FilePreview/__stories__/FilePreview.stories.tsx
@@ -102,6 +102,14 @@ 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}>
@@ -109,25 +117,13 @@ const NoClickableTemplate: StoryFn<Omit<FilePreviewProps, 'actions'>> = (args) =
             <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>
     );
@@ -135,6 +131,17 @@ const NoClickableTemplate: StoryFn<Omit<FilePreviewProps, 'actions'>> = (args) =
 
 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}>
@@ -142,16 +149,7 @@ const WithoutActionTooltipTemplate: StoryFn<Omit<FilePreviewProps, 'actions'>> =
                 {...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>
     );