Skip to content

Commit 8d3e017

Browse files
dev-Tejas-ddev-Tejas-d
committed
fix(docs): replace Imgur images with Wikimedia CC0 images for UK accessibility
1 parent b440d66 commit 8d3e017

File tree

1 file changed

+28
-28
lines changed

1 file changed

+28
-28
lines changed

‎src/content/learn/passing-props-to-a-component.md‎

Lines changed: 28 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@ function Avatar() {
2929
return (
3030
<img
3131
className="avatar"
32-
src="https://i.imgur.com/1bX5QH6.jpg"
32+
src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/8a/Lanying_Lin_image.jpg/640px-Lanying_Lin_image.jpg"
3333
alt="Lin Lanying"
3434
width={100}
3535
height={100}
@@ -128,21 +128,21 @@ export default function Profile() {
128128
size={100}
129129
person={{
130130
name: 'Katsuko Saruhashi',
131-
imageId: 'YfeOqp2'
131+
imageId: '2/2b/Josei-Kyoyo-1965-March-1.jpg/640px-Josei-Kyoyo-1965-March-1.jpg'
132132
}}
133133
/>
134134
<Avatar
135135
size={80}
136136
person={{
137137
name: 'Aklilu Lemma',
138-
imageId: 'OKS67lh'
138+
imageId: '3/32/Portrait-aklilu-lemma-11.jpg/640px-Portrait-aklilu-lemma-11.jpg'
139139
}}
140140
/>
141141
<Avatar
142142
size={50}
143143
person={{
144144
name: 'Lin Lanying',
145-
imageId: '1bX5QH6'
145+
imageId: '8/8a/Lanying_Lin_image.jpg/640px-Lanying_Lin_image.jpg'
146146
}}
147147
/>
148148
</div>
@@ -153,7 +153,7 @@ export default function Profile() {
153153
```js src/utils.js
154154
export function getImageUrl(person, size = 's') {
155155
return (
156-
'https://i.imgur.com/' +
156+
'https://upload.wikimedia.org/wikipedia/commons/thumb/' +
157157
person.imageId +
158158
size +
159159
'.jpg'
@@ -293,7 +293,7 @@ export default function Profile() {
293293
size={100}
294294
person={{
295295
name: 'Katsuko Saruhashi',
296-
imageId: 'YfeOqp2'
296+
imageId: '2/2b/Josei-Kyoyo-1965-March-1.jpg/640px-Josei-Kyoyo-1965-March-1.jpg'
297297
}}
298298
/>
299299
</Card>
@@ -320,7 +320,7 @@ export default function Avatar({ person, size }) {
320320
```js src/utils.js
321321
export function getImageUrl(person, size = 's') {
322322
return (
323-
'https://i.imgur.com/' +
323+
'https://upload.wikimedia.org/wikipedia/commons/thumb/' +
324324
person.imageId +
325325
size +
326326
'.jpg'
@@ -446,7 +446,7 @@ export default function Gallery() {
446446
<h2>Maria Skłodowska-Curie</h2>
447447
<img
448448
className="avatar"
449-
src={getImageUrl('szV5sdG')}
449+
src={getImageUrl('c/c8/Marie_Curie_c._1920s.jpg/640px-Marie_Curie_c._1920s.jpg')}
450450
alt="Maria Skłodowska-Curie"
451451
width={70}
452452
height={70}
@@ -470,7 +470,7 @@ export default function Gallery() {
470470
<h2>Katsuko Saruhashi</h2>
471471
<img
472472
className="avatar"
473-
src={getImageUrl('YfeOqp2')}
473+
src={getImageUrl('2/2b/Josei-Kyoyo-1965-March-1.jpg/640px-Josei-Kyoyo-1965-March-1.jpg')}
474474
alt="Katsuko Saruhashi"
475475
width={70}
476476
height={70}
@@ -498,7 +498,7 @@ export default function Gallery() {
498498
```js src/utils.js
499499
export function getImageUrl(imageId, size = 's') {
500500
return (
501-
'https://i.imgur.com/' +
501+
'https://upload.wikimedia.org/wikipedia/commons/thumb/' +
502502
imageId +
503503
size +
504504
'.jpg'
@@ -577,7 +577,7 @@ export default function Gallery() {
577577
<div>
578578
<h1>Notable Scientists</h1>
579579
<Profile
580-
imageId="szV5sdG"
580+
imageId="c/c8/Marie_Curie_c._1920s.jpg/640px-Marie_Curie_c._1920s.jpg"
581581
name="Maria Skłodowska-Curie"
582582
profession="physicist and chemist"
583583
discovery="polonium (chemical element)"
@@ -589,7 +589,7 @@ export default function Gallery() {
589589
]}
590590
/>
591591
<Profile
592-
imageId='YfeOqp2'
592+
imageId='2/2b/Josei-Kyoyo-1965-March-1.jpg/640px-Josei-Kyoyo-1965-March-1.jpg'
593593
name='Katsuko Saruhashi'
594594
profession='geochemist'
595595
discovery="a method for measuring carbon dioxide in seawater"
@@ -606,7 +606,7 @@ export default function Gallery() {
606606
```js src/utils.js
607607
export function getImageUrl(imageId, size = 's') {
608608
return (
609-
'https://i.imgur.com/' +
609+
'https://upload.wikimedia.org/wikipedia/commons/thumb/' +
610610
imageId +
611611
size +
612612
'.jpg'
@@ -674,7 +674,7 @@ export default function Gallery() {
674674
<div>
675675
<h1>Notable Scientists</h1>
676676
<Profile person={{
677-
imageId: 'szV5sdG',
677+
imageId: 'c/c8/Marie_Curie_c._1920s.jpg/640px-Marie_Curie_c._1920s.jpg',
678678
name: 'Maria Skłodowska-Curie',
679679
profession: 'physicist and chemist',
680680
discovery: 'polonium (chemical element)',
@@ -686,7 +686,7 @@ export default function Gallery() {
686686
],
687687
}} />
688688
<Profile person={{
689-
imageId: 'YfeOqp2',
689+
imageId: '2/2b/Josei-Kyoyo-1965-March-1.jpg/640px-Josei-Kyoyo-1965-March-1.jpg',
690690
name: 'Katsuko Saruhashi',
691691
profession: 'geochemist',
692692
discovery: 'a method for measuring carbon dioxide in seawater',
@@ -703,7 +703,7 @@ export default function Gallery() {
703703
```js src/utils.js
704704
export function getImageUrl(person, size = 's') {
705705
return (
706-
'https://i.imgur.com/' +
706+
'https://upload.wikimedia.org/wikipedia/commons/thumb/' +
707707
person.imageId +
708708
size +
709709
'.jpg'
@@ -760,7 +760,7 @@ export default function Profile() {
760760
size={40}
761761
person={{
762762
name: 'Gregorio Y. Zara',
763-
imageId: '7vQD0fP'
763+
imageId: '3/3a/Gregorio_Y._Zara_NAST.jpg/640px-Gregorio_Y._Zara_NAST.jpg'
764764
}}
765765
/>
766766
);
@@ -770,7 +770,7 @@ export default function Profile() {
770770
```js src/utils.js
771771
export function getImageUrl(person, size) {
772772
return (
773-
'https://i.imgur.com/' +
773+
'https://upload.wikimedia.org/wikipedia/commons/thumb/' +
774774
person.imageId +
775775
size +
776776
'.jpg'
@@ -816,14 +816,14 @@ export default function Profile() {
816816
size={40}
817817
person={{
818818
name: 'Gregorio Y. Zara',
819-
imageId: '7vQD0fP'
819+
imageId: '3/3a/Gregorio_Y._Zara_NAST.jpg/640px-Gregorio_Y._Zara_NAST.jpg'
820820
}}
821821
/>
822822
<Avatar
823823
size={120}
824824
person={{
825825
name: 'Gregorio Y. Zara',
826-
imageId: '7vQD0fP'
826+
imageId: '3/3a/Gregorio_Y._Zara_NAST.jpg/640px-Gregorio_Y._Zara_NAST.jpg'
827827
}}
828828
/>
829829
</>
@@ -834,7 +834,7 @@ export default function Profile() {
834834
```js src/utils.js
835835
export function getImageUrl(person, size) {
836836
return (
837-
'https://i.imgur.com/' +
837+
'https://upload.wikimedia.org/wikipedia/commons/thumb/' +
838838
person.imageId +
839839
size +
840840
'.jpg'
@@ -880,21 +880,21 @@ export default function Profile() {
880880
size={40}
881881
person={{
882882
name: 'Gregorio Y. Zara',
883-
imageId: '7vQD0fP'
883+
imageId: '3/3a/Gregorio_Y._Zara_NAST.jpg/640px-Gregorio_Y._Zara_NAST.jpg'
884884
}}
885885
/>
886886
<Avatar
887887
size={70}
888888
person={{
889889
name: 'Gregorio Y. Zara',
890-
imageId: '7vQD0fP'
890+
imageId: '3/3a/Gregorio_Y._Zara_NAST.jpg/640px-Gregorio_Y._Zara_NAST.jpg'
891891
}}
892892
/>
893893
<Avatar
894894
size={120}
895895
person={{
896896
name: 'Gregorio Y. Zara',
897-
imageId: '7vQD0fP'
897+
imageId: '3/3a/Gregorio_Y._Zara_NAST.jpg/640px-Gregorio_Y._Zara_NAST.jpg'
898898
}}
899899
/>
900900
</>
@@ -905,7 +905,7 @@ export default function Profile() {
905905
```js src/utils.js
906906
export function getImageUrl(person, size) {
907907
return (
908-
'https://i.imgur.com/' +
908+
'https://upload.wikimedia.org/wikipedia/commons/thumb/' +
909909
person.imageId +
910910
size +
911911
'.jpg'
@@ -938,7 +938,7 @@ export default function Profile() {
938938
<h1>Photo</h1>
939939
<img
940940
className="avatar"
941-
src="https://i.imgur.com/OKS67lhm.jpg"
941+
src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/32/Portrait-aklilu-lemma-11.jpg/640px-Portrait-aklilu-lemma-11.jpg"
942942
alt="Aklilu Lemma"
943943
width={70}
944944
height={70}
@@ -1011,7 +1011,7 @@ export default function Profile() {
10111011
<h1>Photo</h1>
10121012
<img
10131013
className="avatar"
1014-
src="https://i.imgur.com/OKS67lhm.jpg"
1014+
src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/32/Portrait-aklilu-lemma-11.jpg/640px-Portrait-aklilu-lemma-11.jpg"
10151015
alt="Aklilu Lemma"
10161016
width={100}
10171017
height={100}
@@ -1073,7 +1073,7 @@ export default function Profile() {
10731073
<Card title="Photo">
10741074
<img
10751075
className="avatar"
1076-
src="https://i.imgur.com/OKS67lhm.jpg"
1076+
src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/32/Portrait-aklilu-lemma-11.jpg/640px-Portrait-aklilu-lemma-11.jpg"
10771077
alt="Aklilu Lemma"
10781078
width={100}
10791079
height={100}

0 commit comments

Comments
 (0)