Skip to content

Commit 8795516

Browse files
brionmariobrionmario
committed
chore(react): update asset base paths
1 parent 4130784 commit 8795516

File tree

10 files changed

+34
-34
lines changed

10 files changed

+34
-34
lines changed

‎packages/react/src/components/AccountOverview/AccountOverview.stories.mdx

+15-15
Original file line numberDiff line numberDiff line change
@@ -34,9 +34,9 @@ It includes the user's profile picture, name, email, account progress and accoun
3434
name="Overview"
3535
args={{
3636
title: <Typography variant="h5">Welcome Mathew</Typography>,
37-
subheader: <Typography variant="body2">Manage your personal information, account security and privacy settings.</Typography>,
37+
subheader: <Typography variant="body2">Manage your personal information, account security and privacy settings.</Typography>,
3838
user:{
39-
image: '/assets/images/avatar-john.svg',
39+
image: 'assets/images/avatar-john.svg',
4040
name: 'Matthew',
4141
email: '[email protected]'
4242
},
@@ -46,19 +46,19 @@ It includes the user's profile picture, name, email, account progress and accoun
4646
{
4747
title: 'Add your email address',
4848
description: 'You can add your email address to your profile to receive notifications and updates from us.',
49-
illustration: <img src="/assets/images/carousel-illustration.svg" alt="carousel illustration" />,
49+
illustration: <img src="assets/images/carousel-illustration.svg" alt="carousel illustration" />,
5050
action: <Button variant="outlined">Add Email</Button>
5151
},
5252
{
5353
title: 'Add your phone number',
5454
description: 'You can add your phone number to your profile to receive notifications and updates from us.',
55-
illustration: <img src="/assets/images/carousel-illustration.svg" alt="carousel illustration" />,
55+
illustration: <img src="assets/images/carousel-illustration.svg" alt="carousel illustration" />,
5656
action: <Button variant="outlined">Add Phone</Button>
5757
},
5858
{
5959
title: 'Add your address',
6060
description: 'You can add your address to your profile to receive notifications and updates from us.',
61-
illustration: <img src="/assets/images/carousel-illustration.svg" alt="carousel illustration" />,
61+
illustration: <img src="assets/images/carousel-illustration.svg" alt="carousel illustration" />,
6262
action: <Button variant="outlined">Add Address</Button>
6363
}
6464
],
@@ -85,7 +85,7 @@ import AccountOverview from '@oxygen-ui/react/AccountOverview';\n
8585
function Demo() {
8686
return <AccountOverview
8787
user={{
88-
image: '/assets/images/avatar-john.svg',
88+
image: 'assets/images/avatar-john.svg',
8989
name: 'Matthew',
9090
email: '[email protected]',
9191
}}
@@ -104,9 +104,9 @@ function Demo() {
104104
name="Incomplete"
105105
args={{
106106
title: <Typography variant="h5">Welcome Mathew</Typography>,
107-
subheader: <Typography variant="body2">Manage your personal information, account security and privacy settings.</Typography>,
107+
subheader: <Typography variant="body2">Manage your personal information, account security and privacy settings.</Typography>,
108108
user:{
109-
image: '/assets/images/avatar-john.svg',
109+
image: 'assets/images/avatar-john.svg',
110110
name: 'Matthew',
111111
email: '[email protected]'
112112
},
@@ -116,19 +116,19 @@ function Demo() {
116116
{
117117
title: 'Add your email address',
118118
description: 'You can add your email address to your profile to receive notifications and updates from us.',
119-
illustration: <img src="/assets/images/carousel-illustration.svg" alt="carousel illustration" />,
119+
illustration: <img src="assets/images/carousel-illustration.svg" alt="carousel illustration" />,
120120
action: <Button variant="outlined">Add Email</Button>
121121
},
122122
{
123123
title: 'Add your phone number',
124124
description: 'You can add your phone number to your profile to receive notifications and updates from us.',
125-
illustration: <img src="/assets/images/carousel-illustration.svg" alt="carousel illustration" />,
125+
illustration: <img src="assets/images/carousel-illustration.svg" alt="carousel illustration" />,
126126
action: <Button variant="outlined">Add Phone</Button>
127127
},
128128
{
129129
title: 'Add your address',
130130
description: 'You can add your address to your profile to receive notifications and updates from us.',
131-
illustration: <img src="/assets/images/carousel-illustration.svg" alt="carousel illustration" />,
131+
illustration: <img src="assets/images/carousel-illustration.svg" alt="carousel illustration" />,
132132
action: <Button variant="outlined">Add Address</Button>
133133
}
134134
],
@@ -145,15 +145,15 @@ function Demo() {
145145
name="Complete"
146146
args={{
147147
title: <Typography variant="h5">Welcome Mathew</Typography>,
148-
subheader: <Typography variant="body2">Manage your personal information, account security and privacy settings.</Typography>,
148+
subheader: <Typography variant="body2">Manage your personal information, account security and privacy settings.</Typography>,
149149
user:{
150-
image: '/assets/images/avatar-john.svg',
150+
image: 'assets/images/avatar-john.svg',
151151
name: 'Matthew',
152152
email: '[email protected]'
153153
},
154154
accountCompletionStepsTitle: "Complete your Profile. It's at 60%",
155-
accountProgress: 100,
156-
illustration: <img src="/assets/images/action-card-image.svg" alt="image" />
155+
accountProgress: 100,
156+
illustration: <img src="assets/images/action-card-image.svg" alt="image" />
157157
}}
158158
>
159159
{Template.bind({})}

‎packages/react/src/components/ActionCard/ActionCard.stories.mdx

+2-2
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@ Action cards can be used in overview pages or dashboards.
2828
description: "Configure additional authentications to sign in easily or to add an extra layer of security to your account.",
2929
actionText: "Setup MFA",
3030
onActionClick:() => {alert("Action clicked")},
31-
image: <img src="/assets/images/action-card-image.svg" alt="action card" />,
31+
image: <img src="assets/images/action-card-image.svg" alt="action card" />,
3232
variant: "outlined"
3333
}}>
3434
{Template.bind({})}
@@ -55,7 +55,7 @@ function Demo() {
5555
description="Action Card Description."
5656
actionText="Action Card Action Text"
5757
onActionClick={() => {alert("Action clicked")}}
58-
image={<img src="/assets/images/action-card-image.svg" alt="action card" />}
58+
image={<img src="assets/images/action-card-image.svg" alt="action card" />}
5959
/>
6060
);
6161
}`}

‎packages/react/src/components/ActionCard/__tests__/ActionCard.test.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@ const ActionCardTestComponent: ReactElement = (
3131
}
3232
actionText="Setup MFA"
3333
onActionClick={onActionClick}
34-
image={<img src="/assets/images/action-card-image.svg" alt="action card" />}
34+
image={<img src="assets/images/action-card-image.svg" alt="action card" />}
3535
/>
3636
);
3737

‎packages/react/src/components/ActionCard/__tests__/__snapshots__/ActionCard.test.tsx.snap

+1-1
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ exports[`ActionCard should match the snapshot 1`] = `
1111
>
1212
<img
1313
alt="action card"
14-
src="/assets/images/action-card-image.svg"
14+
src="assets/images/action-card-image.svg"
1515
/>
1616
<h6
1717
class="MuiTypography-root MuiTypography-subtitle1 oxygen-typography css-n2qzog-MuiTypography-root"

‎packages/react/src/components/Avatar/Avatar.stories.mdx

+1-1
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,7 @@ The Avatar can be used to mainly display profile pictures of users and can be us
3030
<Canvas>
3131
<Story
3232
name="Overview"
33-
args={{src: '/assets/images/avatar-menu.svg'}}
33+
args={{src: 'assets/images/avatar-menu.svg'}}
3434
>
3535
{Template.bind({})}
3636
</Story>

‎packages/react/src/components/Carousel/Carousel.stories.mdx

+4-4
Original file line numberDiff line numberDiff line change
@@ -33,16 +33,16 @@ Carousel can be used to slide through content.
3333
action: <Button variant="outlined" onClick={()=>{}}>Add First Name</Button>,
3434
title: "What is your first name?",
3535
description: "Start theming journey with Oxygen UI",
36-
illustration: <img src="/assets/images/carousel-illustration.svg" alt="carousel illustration" />,
36+
illustration: <img src="assets/images/carousel-illustration.svg" alt="carousel illustration" />,
3737
},
3838
{
3939
action: <Button variant="outlined" onClick={()=>{}}>Add Last Name</Button>,
4040
title: "What is your last name?",
4141
description: "Start theming journey with Oxygen UI",
42-
illustration: <img src="/assets/images/carousel-illustration.svg" alt="carousel illustration" />,
42+
illustration: <img src="assets/images/carousel-illustration.svg" alt="carousel illustration" />,
4343
}
4444
],
45-
title: <Typography>Complete your Profile. It’s at 60%</Typography>
45+
title: <Typography>Complete your Profile. It’s at 60%</Typography>
4646
}}
4747
>
4848
{Template.bind({})}
@@ -71,7 +71,7 @@ function Demo() {
7171
action: <Button variant="outlined" color="primary" onClick={()=>{}}>Add Last Name</Button>,
7272
title: "What is your first name?",
7373
description: "Start theming journey with Oxygen UI",
74-
illustration: <img src="/assets/images/carousel-illustration.svg" alt="carousel illustration" />,
74+
illustration: <img src="assets/images/carousel-illustration.svg" alt="carousel illustration" />,
7575
}
7676
]}
7777
/>

‎packages/react/src/components/CircularProgressAvatar/CircularProgressAvatar.stories.mdx

+3-3
Original file line numberDiff line numberDiff line change
@@ -27,10 +27,10 @@ The Avatar with circular progress and badge.
2727
name="Overview"
2828
args={{color: 'warning',
2929
progress: 70,
30-
badgeOptions: {color: 'primary', badgeContent: '70%'},
30+
badgeOptions: {color: 'primary', badgeContent: '70%'},
3131
avatarOptions: {
32-
src: '/assets/images/avatar-john.svg',
33-
alt:'avatar',
32+
src: 'assets/images/avatar-john.svg',
33+
alt:'avatar',
3434
}
3535
}}
3636
>

‎packages/react/src/components/Header/Header.stories.mdx

+3-3
Original file line numberDiff line numberDiff line change
@@ -30,14 +30,14 @@ navigation, and actions.
3030
export const basicHeaderVariationOptions = {
3131
brand: {
3232
logo: {
33-
desktop: <img src="/assets/images/oxygen-ui-logo-mini.svg" alt="logo" height="40" />,
34-
mobile: <img src="/assets/images/oxygen-ui-logo-mini.svg" alt="logo" height="40" />,
33+
desktop: <img src="assets/images/oxygen-ui-logo-mini.svg" alt="logo" height="40" />,
34+
mobile: <img src="assets/images/oxygen-ui-logo-mini.svg" alt="logo" height="40" />,
3535
},
3636
onClick: () => null,
3737
title: 'OxygenUI',
3838
},
3939
user: {
40-
image: '/assets/images/avatar-john.svg',
40+
image: 'assets/images/avatar-john.svg',
4141
name: 'Matthew',
4242
email: '[email protected]',
4343
},

‎packages/react/src/components/Image/Image.stories.mdx

+1-1
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@ Image.
2626
<Canvas>
2727
<Story
2828
name="Overview"
29-
args={{src: 'https://oxygen-ui.vercel.app/assets/images/oxygen-ui/oxygen-ui-logo.svg'}}
29+
args={{src: 'assets/images/oxygen-ui/oxygen-ui-logo.svg'}}
3030
>
3131
{Template.bind({})}
3232
</Story>

‎packages/react/src/components/SignIn/SignIn.stories.mdx

+3-3
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@ export const Template = args => <SignIn {...args} />;
2525
Full-featured component to sign in users into your application.
2626

2727
<Canvas>
28-
<Story name="Overview" args={{logoUrl: '/assets/images/oxygen-ui-logo-mini.svg'}}>
28+
<Story name="Overview" args={{logoUrl: 'assets/images/oxygen-ui-logo-mini.svg'}}>
2929
{Template.bind({})}
3030
</Story>
3131
</Canvas>
@@ -56,7 +56,7 @@ function Demo() {
5656
A basic login box with username and password inputs.
5757

5858
<Canvas>
59-
<Story name="Basic" args={{logoUrl: '/assets/images/oxygen-ui-logo-mini.svg'}} />
59+
<Story name="Basic" args={{logoUrl: 'assets/images/oxygen-ui-logo-mini.svg'}} />
6060
</Canvas>
6161

6262
### With Sign In Options
@@ -95,7 +95,7 @@ export const GoogleIcon = (props) => {
9595
<Story
9696
name="With Sign In Options"
9797
args={{
98-
logoUrl: '/assets/images/oxygen-ui-logo-mini.svg',
98+
logoUrl: 'assets/images/oxygen-ui-logo-mini.svg',
9999
signInOptions: (
100100
<>
101101
<Button

0 commit comments

Comments
 (0)