Merge pull request #483 from upfluence/oc/DRA-1909

OwenCoogan · web-flow · commit a1b2ca9aec8b · 2025-03-13T15:49:57.000+01:00
Change placeholder avatar on OSS::Avatar
diff --git a/addon/components/o-s-s/avatar.ts b/addon/components/o-s-s/avatar.ts
@@ -19,7 +19,7 @@ interface OSSAvatarArgs {
   loading?: boolean;
 }
 
-export const DEFAULT_IMAGE_URL: string = '/assets/images/upfluence-white-logo.svg';
+export const DEFAULT_IMAGE_URL: string = '/assets/images/avatar-placeholder.svg';
 
 export default class OSSAvatar extends Component<OSSAvatarArgs> {
   @tracked hasError: boolean = false;
diff --git a/app/styles/atoms/avatar.less b/app/styles/atoms/avatar.less
@@ -23,6 +23,7 @@
     .default-img-placeholder {
       height: var(--spacing-px-12);
       width: var(--spacing-px-12);
+      object-fit: contain;
     }
   }
 
@@ -35,6 +36,7 @@
     .default-img-placeholder {
       height: var(--spacing-px-12);
       width: var(--spacing-px-12);
+      object-fit: contain;
     }
   }
 
@@ -47,6 +49,7 @@
     .default-img-placeholder {
       height: var(--spacing-px-18);
       width: var(--spacing-px-18);
+      object-fit: contain;
     }
   }
 
@@ -59,6 +62,7 @@
     .default-img-placeholder {
       height: var(--spacing-px-24);
       width: var(--spacing-px-24);
+      object-fit: contain;
     }
   }
 
diff --git a/public/assets/images/avatar-placeholder.svg b/public/assets/images/avatar-placeholder.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="19" viewBox="0 0 16 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 9.55322C9.21242 9.55322 10.3752 9.07912 11.2325 8.2352C12.0898 7.39129 12.5714 6.2467 12.5714 5.05322C12.5714 3.85975 12.0898 2.71516 11.2325 1.87124C10.3752 1.02733 9.21242 0.553223 8 0.553223C6.78758 0.553223 5.62482 1.02733 4.76751 1.87124C3.9102 2.71516 3.42857 3.85975 3.42857 5.05322C3.42857 6.2467 3.9102 7.39129 4.76751 8.2352C5.62482 9.07912 6.78758 9.55322 8 9.55322ZM6.36786 11.2407C2.85 11.2407 0 14.0462 0 17.5091C0 18.0856 0.475 18.5532 1.06071 18.5532H14.9393C15.525 18.5532 16 18.0856 16 17.5091C16 14.0462 13.15 11.2407 9.63214 11.2407H6.36786Z" fill="#9CA3AF"/>
+</svg>

Original file line number	Diff line number	Diff line change
`@@ -19,7 +19,7 @@ interface OSSAvatarArgs {`
`19`	`19`	`loading?: boolean;`
`20`	`20`	`}`
`21`	`21`
`22`		`-export const DEFAULT_IMAGE_URL: string = '/assets/images/upfluence-white-logo.svg';`
	`22`	`+export const DEFAULT_IMAGE_URL: string = '/assets/images/avatar-placeholder.svg';`
`23`	`23`
`24`	`24`	`export default class OSSAvatar extends Component<OSSAvatarArgs> {`
`25`	`25`	`@tracked hasError: boolean = false;`
Original file line number	Diff line number	Diff line change
`@@ -23,6 +23,7 @@`
`23`	`23`	`.default-img-placeholder {`
`24`	`24`	`height: var(--spacing-px-12);`
`25`	`25`	`width: var(--spacing-px-12);`
	`26`	`+ object-fit: contain;`
`26`	`27`	`}`
`27`	`28`	`}`
`28`	`29`
`@@ -35,6 +36,7 @@`
`35`	`36`	`.default-img-placeholder {`
`36`	`37`	`height: var(--spacing-px-12);`
`37`	`38`	`width: var(--spacing-px-12);`
	`39`	`+ object-fit: contain;`
`38`	`40`	`}`
`39`	`41`	`}`
`40`	`42`
`@@ -47,6 +49,7 @@`
`47`	`49`	`.default-img-placeholder {`
`48`	`50`	`height: var(--spacing-px-18);`
`49`	`51`	`width: var(--spacing-px-18);`
	`52`	`+ object-fit: contain;`
`50`	`53`	`}`
`51`	`54`	`}`
`52`	`55`
`@@ -59,6 +62,7 @@`
`59`	`62`	`.default-img-placeholder {`
`60`	`63`	`height: var(--spacing-px-24);`
`61`	`64`	`width: var(--spacing-px-24);`
	`65`	`+ object-fit: contain;`
`62`	`66`	`}`
`63`	`67`	`}`
`64`	`68`