Merge pull request #21894 from awanlin/topic/fix-dicebear-avatars

Updated all the Dicebear usages to the proper API URL

packages/catalog-model/examples/acme/backstage-group.yaml

@@ -8,6 +8,8 @@ spec:
   profile:
     displayName: Backstage
     email: backstage@example.com
-    picture: https://avatars.dicebear.com/api/identicon/backstage@example.com.svg?background=%23fff&margin=25
+    picture: https://api.dicebear.com/7.x/identicon/svg?seed=Fluffy&backgroundColor=ffdfbf
   parent: infrastructure
   children: [team-a, team-b]
+
+

packages/catalog-model/examples/acme/org.yaml

@@ -13,7 +13,7 @@ spec:
   profile:
     displayName: ACME Corp
     email: info@example.com
-    picture: https://avatars.dicebear.com/api/identicon/info@example.com.svg?background=%23fff&margin=25
+    picture: https://api.dicebear.com/7.x/identicon/svg?seed=Maggie&flip=true&backgroundColor=ffdfbf
   children: [infrastructure]
 ---
 apiVersion: backstage.io/v1alpha1

packages/catalog-model/examples/acme/team-a-group.yaml

@@ -8,7 +8,7 @@ spec:
   profile:
     # Intentional no displayName for testing
     email: team-a@example.com
-    picture: https://avatars.dicebear.com/api/identicon/team-a@example.com.svg?background=%23fff&margin=25
+    picture: https://api.dicebear.com/7.x/identicon/svg?seed=Fluffy&backgroundType=solid,gradientLinear&backgroundColor=ffd5dc,b6e3f4
   parent: backstage
   children: []
 ---
@@ -20,7 +20,7 @@ spec:
   profile:
     # Intentional no displayName for testing
     email: breanna-davison@example.com
-    picture: https://avatars.dicebear.com/api/avataaars/breanna-davison@example.com.svg?background=%23fff
+    picture: https://api.dicebear.com/7.x/avataaars/svg?seed=Luna&backgroundColor=transparent
   memberOf: [team-a]
 ---
 apiVersion: backstage.io/v1alpha1
@@ -31,7 +31,7 @@ spec:
   profile:
     displayName: Janelle Dawe
     email: janelle-dawe@example.com
-    picture: https://avatars.dicebear.com/api/avataaars/janelle-dawe@example.com.svg?background=%23fff
+    picture: https://api.dicebear.com/7.x/avataaars/svg?seed=Leo&backgroundColor=transparent
   memberOf: [team-a]
 ---
 apiVersion: backstage.io/v1alpha1
@@ -42,7 +42,7 @@ spec:
   profile:
     displayName: Nigel Manning
     email: nigel-manning@example.com
-    picture: https://avatars.dicebear.com/api/avataaars/nigel-manning@example.com.svg?background=%23fff
+    picture: https://api.dicebear.com/7.x/avataaars/svg?seed=Midnight&backgroundColor=transparent
   memberOf: [team-a]
 ---
 # This user is added as an example, to make it more easy for the "Guest"
@@ -56,5 +56,4 @@ spec:
   profile:
     displayName: Guest User
     email: guest@example.com
-    picture: https://avatars.dicebear.com/api/avataaars/guest@example.com.svg?background=%23fff
   memberOf: [team-a]

packages/catalog-model/examples/acme/team-b-group.yaml

@@ -8,7 +8,7 @@ spec:
   profile:
     displayName: Team B
     email: team-b@example.com
-    picture: https://avatars.dicebear.com/api/identicon/team-b@example.com.svg?background=%23fff&margin=25
+    picture: https://api.dicebear.com/7.x/identicon/svg?seed=Abby&backgroundType=solid,gradientLinear&backgroundColor=ffd5dc,b6e3f4
   parent: backstage
   children: []
 ---
@@ -20,7 +20,7 @@ spec:
   profile:
     displayName: Amelia Park
     email: amelia-park@example.com
-    picture: https://avatars.dicebear.com/api/avataaars/amelia-park@example.com.svg?background=%23fff
+    picture: https://api.dicebear.com/7.x/avataaars/svg?seed=Gizmo&backgroundColor=transparent
   memberOf: [team-b]
 ---
 apiVersion: backstage.io/v1alpha1
@@ -31,7 +31,7 @@ spec:
   profile:
     displayName: Colette Brock
     email: colette-brock@example.com
-    picture: https://avatars.dicebear.com/api/avataaars/colette-brock@example.com.svg?background=%23fff
+    picture: https://api.dicebear.com/7.x/avataaars/svg?seed=Bailey&backgroundColor=transparent
   memberOf: [team-b]
 ---
 apiVersion: backstage.io/v1alpha1
@@ -42,7 +42,7 @@ spec:
   profile:
     displayName: Jenny Doe
     email: jenny-doe@example.com
-    picture: https://avatars.dicebear.com/api/avataaars/jenny-doe@example.com.svg?background=%23fff
+    picture: https://api.dicebear.com/7.x/avataaars/svg?seed=Mimi&backgroundColor=transparent
   memberOf: [team-b]
 ---
 apiVersion: backstage.io/v1alpha1
@@ -53,7 +53,7 @@ spec:
   profile:
     displayName: Jonathon Page
     email: jonathon-page@example.com
-    picture: https://avatars.dicebear.com/api/avataaars/jonathon-page@example.com.svg?background=%23fff
+    picture: https://api.dicebear.com/7.x/avataaars/svg?seed=Baby&backgroundColor=transparent
   memberOf: [team-b]
 ---
 apiVersion: backstage.io/v1alpha1
@@ -64,5 +64,5 @@ spec:
   profile:
     displayName: Justine Barrow
     email: justine-barrow@example.com
-    picture: https://avatars.dicebear.com/api/avataaars/justine-barrow@example.com.svg?background=%23fff
+    picture: https://api.dicebear.com/7.x/avataaars/svg?seed=Sassy&backgroundColor=transparent
   memberOf: [team-b]

packages/catalog-model/examples/acme/team-c-group.yaml

@@ -8,7 +8,7 @@ spec:
   profile:
     displayName: Team C
     email: team-c@example.com
-    picture: https://avatars.dicebear.com/api/identicon/team-c@example.com.svg?background=%23fff&margin=25
+    picture: https://api.dicebear.com/7.x/identicon/svg?seed=Loki&backgroundType=gradientLinear&backgroundColor=b6e3f4,ffd5dc,ffdfbf,c0aede
   parent: boxoffice
   children: []
 ---
@@ -20,7 +20,7 @@ spec:
   profile:
     displayName: Calum Leavy
     email: calum-leavy@example.com
-    picture: https://avatars.dicebear.com/api/avataaars/calum-leavy@example.com.svg?background=%23fff
+    picture: https://api.dicebear.com/7.x/avataaars/svg?seed=Bear&backgroundColor=transparent
   memberOf: [team-c]
 ---
 apiVersion: backstage.io/v1alpha1
@@ -31,7 +31,7 @@ spec:
   profile:
     displayName: Frank Tiernan
     email: frank-tiernan@example.com
-    picture: https://avatars.dicebear.com/api/avataaars/frank-tiernan@example.com.svg?background=%23fff
+    picture: https://api.dicebear.com/7.x/avataaars/svg?seed=Bandit&backgroundColor=transparent
   memberOf: [team-c]
 ---
 apiVersion: backstage.io/v1alpha1
@@ -42,7 +42,7 @@ spec:
   profile:
     displayName: Peadar MacMahon
     email: peadar-macmahon@example.com
-    picture: https://avatars.dicebear.com/api/avataaars/peadar-macmahon@example.com.svg?background=%23fff
+    picture: https://api.dicebear.com/7.x/avataaars/svg?seed=Sophie
   memberOf: [team-c]
 ---
 apiVersion: backstage.io/v1alpha1
@@ -53,7 +53,7 @@ spec:
   profile:
     displayName: Sarah Gilroy
     email: sarah-gilroy@example.com
-    picture: https://avatars.dicebear.com/api/avataaars/sarah-gilroy@example.com.svg?background=%23fff
+    picture: https://api.dicebear.com/7.x/avataaars/svg?seed=Rascal
   memberOf: [team-c]
 ---
 apiVersion: backstage.io/v1alpha1
@@ -64,5 +64,5 @@ spec:
   profile:
     displayName: Tara MacGovern
     email: tara-macgovern@example.com
-    picture: https://avatars.dicebear.com/api/avataaars/tara-macgovern@example.com.svg?background=%23fff
+    picture: https://api.dicebear.com/7.x/avataaars/svg?seed=Jasmine
   memberOf: [team-c]

packages/catalog-model/examples/acme/team-d-group.yaml

@@ -8,7 +8,7 @@ spec:
   profile:
     displayName: Team D
     email: team-d@example.com
-    picture: https://avatars.dicebear.com/api/identicon/team-d@example.com.svg?background=%23fff&margin=25
+    picture: https://api.dicebear.com/7.x/identicon/svg?seed=Bailey&backgroundType=gradientLinear&backgroundColor=b6e3f4,ffd5dc,ffdfbf,c0aede
   parent: boxoffice
   children: []
 ---
@@ -20,7 +20,7 @@ spec:
   profile:
     displayName: Eva MacDowell
     email: eva-macdowell@example.com
-    picture: https://avatars.dicebear.com/api/avataaars/eva-macdowell@example.com.svg?background=%23fff
+    picture: https://api.dicebear.com/7.x/avataaars/svg?seed=Cuddles
   memberOf: [team-d]
 ---
 apiVersion: backstage.io/v1alpha1
@@ -31,5 +31,5 @@ spec:
   profile:
     displayName: Lucy Sheehan
     email: lucy-sheehan@example.com
-    picture: https://avatars.dicebear.com/api/avataaars/lucy-sheehan@example.com.svg?background=%23fff
+    picture: https://api.dicebear.com/7.x/avataaars/svg?seed=Snickers
   memberOf: [team-d]

plugins/org/src/__testUtils__/catalogMocks.ts

@@ -208,8 +208,7 @@ export const groupAUserOne: Entity = {
     profile: {
       displayName: 'Group A User One',
       email: 'group-a-user-one@testing.email',
-      picture:
-        'https://avatars.dicebear.com/api/avataaars/breanna-davison@example.com.svg',
+      picture: 'https://api.dicebear.com/7.x/avataaars/svg?seed=Buster',
     },
   },
 };
@@ -224,8 +223,7 @@ export const groupBUserOne: Entity = {
     profile: {
       displayName: 'Group B User One',
       email: 'group-b-user-one@testing.email',
-      picture:
-        'https://avatars.dicebear.com/api/avataaars/breanna-davison@example.com.svg',
+      picture: 'https://api.dicebear.com/7.x/avataaars/svg?seed=Buster',
     },
   },
 };
@@ -240,8 +238,7 @@ export const groupDUserOne: Entity = {
     profile: {
       displayName: 'Group D User One',
       email: 'group-d-user-one@testing.email',
-      picture:
-        'https://avatars.dicebear.com/api/avataaars/breanna-davison@example.com.svg',
+      picture: 'https://api.dicebear.com/7.x/avataaars/svg?seed=Buster',
     },
   },
 };
@@ -256,8 +253,7 @@ export const groupEUserOne: Entity = {
     profile: {
       displayName: 'Group E User One',
       email: 'group-e-user-one@testing.email',
-      picture:
-        'https://avatars.dicebear.com/api/avataaars/breanna-davison@example.com.svg',
+      picture: 'https://api.dicebear.com/7.x/avataaars/svg?seed=Buster',
     },
   },
 };
@@ -272,8 +268,7 @@ export const groupFUserOne: Entity = {
     profile: {
       displayName: 'Group F User One',
       email: 'group-f-user-one@testing.email',
-      picture:
-        'https://avatars.dicebear.com/api/avataaars/breanna-davison@example.com.svg',
+      picture: 'https://api.dicebear.com/7.x/avataaars/svg?seed=Buster',
     },
   },
 };
@@ -288,8 +283,7 @@ export const duplicatedUser: Entity = {
     profile: {
       displayName: 'Duplicated User',
       email: 'duplicated-user@testing.email',
-      picture:
-        'https://avatars.dicebear.com/api/avataaars/breanna-davison@example.com.svg',
+      picture: 'https://api.dicebear.com/7.x/avataaars/svg?seed=Buster',
     },
   },
 };

plugins/org/src/components/Cards/Group/GroupProfile/GroupProfileCard.stories.tsx

@@ -48,7 +48,7 @@ const defaultEntity: GroupEntity = {
       displayName: 'Team A',
       email: 'team-a@example.com',
       picture:
-        'https://avatars.dicebear.com/api/identicon/team-a@example.com.svg?background=%23fff&margin=25',
+        'https://api.dicebear.com/7.x/identicon/svg?seed=Fluffy&backgroundType=solid,gradientLinear&backgroundColor=ffd5dc,b6e3f4',
     },
     type: 'group',
     children: [],
@@ -111,7 +111,7 @@ const extraDetailsEntity: GroupEntity = {
       displayName: 'Team A',
       email: 'team-a@example.com',
       picture:
-        'https://avatars.dicebear.com/api/identicon/team-a@example.com.svg?background=%23fff&margin=25',
+        'https://api.dicebear.com/7.x/identicon/svg?seed=Fluffy&backgroundType=solid,gradientLinear&backgroundColor=ffd5dc,b6e3f4',
     },
     type: 'group',
     children: [],
@@ -141,7 +141,7 @@ const groupWithTitle: GroupEntity = {
     profile: {
       email: 'team-a@example.com',
       picture:
-        'https://avatars.dicebear.com/api/identicon/team-a@example.com.svg?background=%23fff&margin=25',
+        'https://api.dicebear.com/7.x/identicon/svg?seed=Fluffy&backgroundType=solid,gradientLinear&backgroundColor=ffd5dc,b6e3f4',
     },
     type: 'group',
     children: [],

plugins/org/src/components/Cards/Group/MembersList/MembersListCard.stories.tsx

@@ -55,7 +55,7 @@ const makeUser = ({
     profile: {
       displayName,
       email,
-      picture: `https://avatars.dicebear.com/api/avataaars/${email}.svg?background=%23fff`,
+      picture: `https://api.dicebear.com/7.x/avataaars/svg?seed=bob${name}`,
     },
   },
   relations: [
@@ -83,7 +83,7 @@ const defaultEntity: GroupEntity = {
       displayName: 'Team A',
       email: 'team-a@example.com',
       picture:
-        'https://avatars.dicebear.com/api/identicon/team-a@example.com.svg?background=%23fff&margin=25',
+        'https://api.dicebear.com/7.x/identicon/svg?seed=Fluffy&backgroundType=solid,gradientLinear&backgroundColor=ffd5dc,b6e3f4',
     },
     type: 'group',
     children: [],

plugins/org/src/components/Cards/OwnershipCard/OwnershipCard.stories.tsx

@@ -44,7 +44,7 @@ const defaultEntity: GroupEntity = {
       displayName: 'Team A',
       email: 'team-a@example.com',
       picture:
-        'https://avatars.dicebear.com/api/identicon/team-a@example.com.svg?background=%23fff&margin=25',
+        'https://api.dicebear.com/7.x/identicon/svg?seed=Fluffy&backgroundType=solid,gradientLinear&backgroundColor=ffd5dc,b6e3f4',
     },
     type: 'group',
     children: [],

plugins/org/src/components/Cards/User/UserProfileCard/UserProfileCard.stories.tsx

@@ -45,8 +45,6 @@ const defaultEntity: UserEntity = {
     profile: {
       displayName: 'Guest User',
       email: 'guest@example.com',
-      picture:
-        'https://avatars.dicebear.com/api/avataaars/guest@example.com.svg?background=%23fff',
     },
     memberOf: ['team-a'],
   },
@@ -125,8 +123,6 @@ const extraDetailsEntity: UserEntity = {
     profile: {
       displayName: 'Guest User',
       email: 'guest@example.com',
-      picture:
-        'https://avatars.dicebear.com/api/avataaars/guest@example.com.svg?background=%23fff',
     },
     memberOf: ['team-a'],
   },