replace icon by asset in some stories

Telefonica · Aug 21, 2024 · 5317c10 · 5317c10
1 parent d7a37fa
commit 5317c10
Show file tree

Hide file tree

Showing 6 changed files with 18 additions and 18 deletions.
diff --git a/src/__screenshot_tests__/callout-screenshot-test.tsx b/src/__screenshot_tests__/callout-screenshot-test.tsx
@@ -1,18 +1,18 @@
 import {openStoryPage, screen} from '../test-utils';
 
 test.each`
-    actions              | title           | inverse  | closable | icon     | case
+    actions              | title           | inverse  | closable | asset    | case
     ${'button and link'} | ${'Some title'} | ${false} | ${true}  | ${true}  | ${''}
     ${'button and link'} | ${'Some title'} | ${true}  | ${true}  | ${true}  | ${'over inverse'}
     ${'button and link'} | ${'Some title'} | ${false} | ${false} | ${true}  | ${'not closable'}
     ${'link'}            | ${'Some title'} | ${false} | ${true}  | ${true}  | ${'with button link'}
     ${'none'}            | ${'Some title'} | ${false} | ${true}  | ${true}  | ${'without actions'}
     ${'none'}            | ${''}           | ${false} | ${false} | ${false} | ${'only description'}
     ${'none'}            | ${''}           | ${false} | ${true}  | ${false} | ${'only description and closable'}
-`('Callout $case', async ({actions, title, inverse, closable, icon}) => {
+`('Callout $case', async ({actions, title, inverse, closable, asset}) => {
     await openStoryPage({
         id: 'components-callout--default',
-        args: {actions, title, inverse, closable, icon},
+        args: {actions, title, inverse, closable, asset},
     });
 
     const callout = await screen.findByRole('region');

diff --git a/src/__screenshot_tests__/dialog-screenshot-test.tsx b/src/__screenshot_tests__/dialog-screenshot-test.tsx
@@ -52,7 +52,7 @@ test('Dialog optional elements are not displayed if not provided', async () => {
             onAccept: false,
             onCancel: false,
             link: false,
-            icon: false,
+            asset: false,
             extra: false,
         },
     });

diff --git a/src/__screenshot_tests__/feedback-screenshot-test.tsx b/src/__screenshot_tests__/feedback-screenshot-test.tsx
@@ -81,7 +81,7 @@ test('Info feedback screen with custom icon', async () => {
         id: 'patterns-feedback-infofeedbackscreen--info',
         skin: MOVISTAR_SKIN,
         device: 'MOBILE_IOS',
-        args: {icon: 'custom'},
+        args: {asset: 'custom'},
     });
 
     const image = await page.screenshot();

diff --git a/src/__stories__/callout-story.tsx b/src/__stories__/callout-story.tsx
@@ -16,12 +16,12 @@ type Args = {
     title: string;
     description: string;
     actions: string;
-    icon: boolean;
+    asset: boolean;
     closable: boolean;
     inverse: boolean;
 };
 
-export const Default: StoryComponent<Args> = ({title, description, icon, actions, closable, inverse}) => {
+export const Default: StoryComponent<Args> = ({title, description, asset, actions, closable, inverse}) => {
     const button = actions.includes('button') ? (
         <ButtonPrimary small onPress={() => {}}>
             Action
@@ -42,7 +42,7 @@ export const Default: StoryComponent<Args> = ({title, description, icon, actions
         <ResponsiveLayout isInverse={inverse}>
             <Box paddingY={24}>
                 <Callout
-                    icon={icon ? <IconBoxLight /> : undefined}
+                    icon={asset ? <IconBoxLight /> : undefined}
                     onClose={closable ? () => {} : undefined}
                     title={title}
                     description={description}
@@ -62,7 +62,7 @@ Default.args = {
     title: 'Some title',
     description: 'This is a description for the callout',
     actions: 'button and link',
-    icon: true,
+    asset: true,
     closable: true,
     inverse: false,
 };
diff --git a/src/__stories__/dialog-story.tsx b/src/__stories__/dialog-story.tsx
@@ -76,15 +76,15 @@ type DialogArgs = {
     onAccept: boolean;
     onCancel: boolean;
     link: boolean;
-    icon: boolean;
+    asset: boolean;
     extra: boolean;
 };
 
 export const Dialog: StoryComponent<DialogArgs> = ({
     onAccept,
     onCancel,
     link,
-    icon,
+    asset,
     extra,
     title,
     subtitle,
@@ -120,7 +120,7 @@ export const Dialog: StoryComponent<DialogArgs> = ({
                                 </Stack>
                             ) : undefined,
                             link: link ? <ButtonLink href="https://google.com">Link</ButtonLink> : undefined,
-                            icon: icon ? (
+                            icon: asset ? (
                                 <IconInformationUserLight color={skinVars.colors.brand} />
                             ) : undefined,
                             onAccept: onAccept ? () => console.log('Accepted') : undefined,
@@ -144,6 +144,6 @@ Dialog.args = {
     onAccept: true,
     onCancel: true,
     link: true,
-    icon: true,
+    asset: true,
     extra: true,
 };
diff --git a/src/__stories__/info-feedback-screen-story.tsx b/src/__stories__/info-feedback-screen-story.tsx
@@ -10,30 +10,30 @@ export default {
         fullScreen: true,
     },
     argTypes: {
-        icon: {
+        asset: {
             options: ['default', 'custom'],
             control: {type: 'select'},
         },
     },
 };
 
 type Args = {
-    icon: string;
+    asset: string;
     extra: boolean;
 };
 
-export const Info: StoryComponent<Args> = ({icon, extra}) => (
+export const Info: StoryComponent<Args> = ({asset, extra}) => (
     <InfoFeedbackScreen
         title="I'm the title"
         description="I'm the description"
         primaryButton={<ButtonPrimary onPress={() => {}}>Action1</ButtonPrimary>}
-        Icon={icon === 'custom' ? IconError : undefined}
+        Icon={asset === 'custom' ? IconError : undefined}
         extra={extra ? <Placeholder /> : undefined}
     />
 );
 
 Info.storyName = 'InfoFeedbackScreen';
 Info.args = {
-    icon: 'default',
+    asset: 'default',
     extra: false,
 };