From ad9505eb04d5361052d8961ac8c851b73fbad39e Mon Sep 17 00:00:00 2001
From: Owen Coogan <owencoogan01@gmail.com>
Date: Thu, 13 Mar 2025 11:31:48 +0100
Subject: [PATCH 1/2] feat: change placeholder avatar
---
addon/components/o-s-s/avatar.ts | 2 +-
public/assets/images/avatar-placeholder.svg | 3 +++
2 files changed, 4 insertions(+), 1 deletion(-)
create mode 100644 public/assets/images/avatar-placeholder.svg
diff --git a/addon/components/o-s-s/avatar.ts b/addon/components/o-s-s/avatar.ts
index ed517a0ab..4d487b5b4 100644
--- 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/public/assets/images/avatar-placeholder.svg b/public/assets/images/avatar-placeholder.svg
new file mode 100644
index 000000000..01355d792
--- /dev/null
+++ 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>
From aa6956b25380b4f4027b05f94147b2d2af5d9afb Mon Sep 17 00:00:00 2001
From: Owen Coogan <owencoogan01@gmail.com>
Date: Thu, 13 Mar 2025 11:42:56 +0100
Subject: [PATCH 2/2] fix: added fix for size of img
---
app/styles/atoms/avatar.less | 4 ++++
1 file changed, 4 insertions(+)
diff --git a/app/styles/atoms/avatar.less b/app/styles/atoms/avatar.less
index efa7c3ebc..f8f297ab5 100644
--- 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;
}
}