Skip to content

Commit a890bcf

Browse files
sam-b-rosesam-b-rose
committed
Apply v12 Avatar migration on stories
1 parent 23fdb01 commit a890bcf

File tree

10 files changed

+45
-80
lines changed

10 files changed

+45
-80
lines changed

‎polaris-react/src/components/ActionList/ActionList.stories.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -374,7 +374,7 @@ export function WithAPrefixAndASuffix() {
374374
},
375375
{
376376
content: 'Or there',
377-
prefix: <Avatar name="Farrah" size="small" />,
377+
prefix: <Avatar name="Farrah" size="large" />,
378378
suffix: <Icon source={ChevronRightMinor} />,
379379
},
380380
]}

‎polaris-react/src/components/AppProvider/AppProvider.stories.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -58,7 +58,7 @@ export function Default(_, context) {
5858
]}
5959
renderItem={(item) => {
6060
const {id, url, name, location} = item;
61-
const media = <Avatar size="medium" name={name} />;
61+
const media = <Avatar size="xl" name={name} />;
6262

6363
return (
6464
<ResourceList.Item id={id} url={url} media={media}>
@@ -121,7 +121,7 @@ export function WithI18n(_, context) {
121121
]}
122122
renderItem={(item) => {
123123
const {id, url, name, location} = item;
124-
const media = <Avatar size="medium" name={name} />;
124+
const media = <Avatar size="xl" name={name} />;
125125

126126
return (
127127
<ResourceList.Item id={id} url={url} media={media}>

‎polaris-react/src/components/Avatar/Avatar.stories.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -194,11 +194,11 @@ export function ExtraSmallInContext() {
194194
items={[
195195
{
196196
content: 'Chet Baker',
197-
prefix: <Avatar size="extraSmall" name="Chet Baker" />,
197+
prefix: <Avatar size="small" name="Chet Baker" />,
198198
},
199199
{
200200
content: 'Farrah Fawcett',
201-
prefix: <Avatar size="extraSmall" name="Farrah Fawcett" />,
201+
prefix: <Avatar size="small" name="Farrah Fawcett" />,
202202
},
203203
]}
204204
/>

‎polaris-react/src/components/Filters/Filters.stories.tsx‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -184,7 +184,7 @@ export function WithAResourceList() {
184184
]}
185185
renderItem={(item) => {
186186
const {id, url, name, location} = item;
187-
const media = <Avatar customer size="medium" name={name} />;
187+
const media = <Avatar size="xl" name={name} />;
188188

189189
return (
190190
<ResourceList.Item
@@ -500,7 +500,7 @@ export function WithChildrenContent() {
500500
]}
501501
renderItem={(item) => {
502502
const {id, url, name, location} = item;
503-
const media = <Avatar customer size="medium" name={name} />;
503+
const media = <Avatar size="xl" name={name} />;
504504

505505
return (
506506
<ResourceList.Item
@@ -631,7 +631,7 @@ export function Disabled() {
631631
]}
632632
renderItem={(item) => {
633633
const {id, url, name, location} = item;
634-
const media = <Avatar customer size="medium" name={name} />;
634+
const media = <Avatar size="xl" name={name} />;
635635

636636
return (
637637
<ResourceList.Item
@@ -781,7 +781,7 @@ export function SomeDisabled() {
781781
]}
782782
renderItem={(item) => {
783783
const {id, url, name, location} = item;
784-
const media = <Avatar customer size="medium" name={name} />;
784+
const media = <Avatar size="xl" name={name} />;
785785

786786
return (
787787
<ResourceList.Item
@@ -983,7 +983,7 @@ export function WithQueryFieldHidden() {
983983
]}
984984
renderItem={(item) => {
985985
const {id, url, name, location} = item;
986-
const media = <Avatar customer size="medium" name={name} />;
986+
const media = <Avatar size="xl" name={name} />;
987987

988988
return (
989989
<ResourceList.Item
@@ -1181,7 +1181,7 @@ export function WithQueryFieldDisabled() {
11811181
]}
11821182
renderItem={(item) => {
11831183
const {id, url, name, location} = item;
1184-
const media = <Avatar customer size="medium" name={name} />;
1184+
const media = <Avatar size="xl" name={name} />;
11851185

11861186
return (
11871187
<ResourceList.Item
@@ -1405,7 +1405,7 @@ export function WithAdditionalFilterSections() {
14051405
]}
14061406
renderItem={(item) => {
14071407
const {id, url, name, location} = item;
1408-
const media = <Avatar customer size="medium" name={name} />;
1408+
const media = <Avatar size="xl" name={name} />;
14091409

14101410
return (
14111411
<ResourceList.Item

‎polaris-react/src/components/LegacyFilters/LegacyFilters.stories.tsx‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -179,7 +179,7 @@ export function WithAResourceList() {
179179
]}
180180
renderItem={(item) => {
181181
const {id, url, name, location} = item;
182-
const media = <Avatar customer size="medium" name={name} />;
182+
const media = <Avatar size="xl" name={name} />;
183183

184184
return (
185185
<ResourceList.Item
@@ -493,7 +493,7 @@ export function WithChildrenContent() {
493493
]}
494494
renderItem={(item) => {
495495
const {id, url, name, location} = item;
496-
const media = <Avatar customer size="medium" name={name} />;
496+
const media = <Avatar size="xl" name={name} />;
497497

498498
return (
499499
<ResourceList.Item
@@ -621,7 +621,7 @@ export function Disabled() {
621621
]}
622622
renderItem={(item) => {
623623
const {id, url, name, location} = item;
624-
const media = <Avatar customer size="medium" name={name} />;
624+
const media = <Avatar size="xl" name={name} />;
625625

626626
return (
627627
<ResourceList.Item
@@ -768,7 +768,7 @@ export function SomeDisabled() {
768768
]}
769769
renderItem={(item) => {
770770
const {id, url, name, location} = item;
771-
const media = <Avatar customer size="medium" name={name} />;
771+
const media = <Avatar size="xl" name={name} />;
772772

773773
return (
774774
<ResourceList.Item
@@ -897,7 +897,7 @@ export function WithoutClearButton() {
897897
]}
898898
renderItem={(item) => {
899899
const {id, url, name, location} = item;
900-
const media = <Avatar customer size="medium" name={name} />;
900+
const media = <Avatar size="xl" name={name} />;
901901

902902
return (
903903
<ResourceList.Item
@@ -1090,7 +1090,7 @@ export function WithHelpText() {
10901090
]}
10911091
renderItem={(item) => {
10921092
const {id, url, name, location} = item;
1093-
const media = <Avatar customer size="medium" name={name} />;
1093+
const media = <Avatar size="xl" name={name} />;
10941094

10951095
return (
10961096
<ResourceList.Item
@@ -1286,7 +1286,7 @@ export function WithQueryFieldHidden() {
12861286
]}
12871287
renderItem={(item) => {
12881288
const {id, url, name, location} = item;
1289-
const media = <Avatar customer size="medium" name={name} />;
1289+
const media = <Avatar size="xl" name={name} />;
12901290

12911291
return (
12921292
<ResourceList.Item
@@ -1482,7 +1482,7 @@ export function WithQueryFieldDisabled() {
14821482
]}
14831483
renderItem={(item) => {
14841484
const {id, url, name, location} = item;
1485-
const media = <Avatar customer size="medium" name={name} />;
1485+
const media = <Avatar size="xl" name={name} />;
14861486

14871487
return (
14881488
<ResourceList.Item

‎polaris-react/src/components/OptionList/OptionList.stories.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -334,12 +334,12 @@ export function All() {
334334
{
335335
value: 'avatar_extra_small',
336336
label: 'Avatar extra small',
337-
media: <Avatar name="Hello World" size="extraSmall" />,
337+
media: <Avatar name="Hello World" size="small" />,
338338
},
339339
{
340340
value: 'avatar_small',
341341
label: 'Avatar small',
342-
media: <Avatar name="Hello World" size="small" />,
342+
media: <Avatar name="Hello World" size="large" />,
343343
},
344344
],
345345
},

‎polaris-react/src/components/Popover/Popover.stories.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -299,7 +299,7 @@ export function WithLazyLoadedList() {
299299
return (
300300
<ResourceList.Item
301301
id={name}
302-
media={<Avatar size="extraSmall" name={name} initials={initials} />}
302+
media={<Avatar size="small" name={name} initials={initials} />}
303303
verticalAlignment="center"
304304
onClick={handleResourceListItemClick}
305305
>
@@ -407,7 +407,7 @@ export function WithScrollableLazyLoadedList() {
407407
return (
408408
<ResourceList.Item
409409
id={name}
410-
media={<Avatar size="extraSmall" name={name} initials={initials} />}
410+
media={<Avatar size="small" name={name} initials={initials} />}
411411
verticalAlignment="center"
412412
onClick={handleResourceListItemClick}
413413
>

‎polaris-react/src/components/ResourceItem/ResourceItem.stories.tsx‎

Lines changed: 5 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -102,14 +102,7 @@ export function SelectableWithMedia() {
102102
<ResourceItem
103103
id={id}
104104
url={url}
105-
media={
106-
<Avatar
107-
customer
108-
size="medium"
109-
name={name}
110-
source={avatarSource}
111-
/>
112-
}
105+
media={<Avatar size="xl" name={name} source={avatarSource} />}
113106
accessibilityLabel={`View details for ${name}`}
114107
name={name}
115108
>
@@ -149,14 +142,7 @@ export function WithMedia() {
149142
<ResourceItem
150143
id={id}
151144
url={url}
152-
media={
153-
<Avatar
154-
customer
155-
size="medium"
156-
name={name}
157-
source={avatarSource}
158-
/>
159-
}
145+
media={<Avatar size="xl" name={name} source={avatarSource} />}
160146
accessibilityLabel={`View details for ${name}`}
161147
name={name}
162148
>
@@ -197,14 +183,7 @@ export function WithShortcutActions() {
197183
<ResourceItem
198184
id={id}
199185
url={url}
200-
media={
201-
<Avatar
202-
customer
203-
size="medium"
204-
name={name}
205-
source={avatarSource}
206-
/>
207-
}
186+
media={<Avatar size="xl" name={name} source={avatarSource} />}
208187
shortcutActions={[
209188
{content: 'View latest order', url: latestOrderUrl},
210189
]}
@@ -251,14 +230,7 @@ export function WithPersistedShortcutActions() {
251230
<ResourceItem
252231
id={id}
253232
url={url}
254-
media={
255-
<Avatar
256-
customer
257-
size="medium"
258-
name={name}
259-
source={avatarSource}
260-
/>
261-
}
233+
media={<Avatar size="xl" name={name} source={avatarSource} />}
262234
persistActions
263235
shortcutActions={shortcutActions}
264236
accessibilityLabel={`View details for ${name}`}
@@ -301,14 +273,7 @@ export function WithVerticalAlignment() {
301273
verticalAlignment="center"
302274
id={id}
303275
url={url}
304-
media={
305-
<Avatar
306-
customer
307-
size="medium"
308-
name={name}
309-
source={avatarSource}
310-
/>
311-
}
276+
media={<Avatar size="xl" name={name} source={avatarSource} />}
312277
accessibilityLabel={`View details for ${name}`}
313278
name={name}
314279
>

0 commit comments

Comments
 (0)