Fixed default photo not showing

aliraza556 · Mar 21, 2024 · 8104bf0 · 8104bf0
1 parent a92cd5c
commit 8104bf0
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 22 deletions.
diff --git a/src/pages/leaderboard/userInfo/index.tsx b/src/pages/leaderboard/userInfo/index.tsx
@@ -57,7 +57,7 @@ export const UserInfo = observer(({ id }: { id: string }) => {
       <EuiAvatar
         size="l"
         name={person.owner_alias}
-        imageUrl={person.img || '/static/person_placeholder.png'}
+        imageUrl={person.img || main.getUserAvatarPlaceholder(person.owner_pubkey)}
       />
       <div className="info">
         <EuiText className="name">

diff --git a/src/people/widgetViews/wantedViews/DesktopView.tsx b/src/people/widgetViews/wantedViews/DesktopView.tsx
@@ -41,7 +41,7 @@ function DesktopView(props: WantedViewsProps) {
     titleString
   } = props;
 
-  const { ui } = useStores();
+  const { ui, main } = useStores();
   const color = colors['light'];
 
   return (
@@ -105,20 +105,18 @@ function DesktopView(props: WantedViewsProps) {
                   marginTop: '8px'
                 }}
               >
-                <img
-                  src={
-                    {
-                      ...assignee
-                    }.img || '/static/person_placeholder.png'
-                  }
-                  alt="assignee_img"
-                  style={{
-                    borderRadius: '50%',
-                    height: '16px',
-                    width: '16px',
-                    margin: '0px 8px'
-                  }}
-                />
+                {assignee && (
+                  <img
+                    src={assignee.img || main.getUserAvatarPlaceholder(assignee.owner_pubkey)}
+                    alt="assignee_img"
+                    style={{
+                      borderRadius: '50%',
+                      height: '16px',
+                      width: '16px',
+                      margin: '0px 8px'
+                    }}
+                  />
+                )}
                 <span
                   onClick={(e: any) => {
                     e.stopPropagation();

diff --git a/src/people/widgetViews/wantedViews/MobileView.tsx b/src/people/widgetViews/wantedViews/MobileView.tsx
@@ -44,7 +44,7 @@ function MobileView(props: any) {
     titleString
   } = props;
 
-  const { ui } = useStores();
+  const { ui, main } = useStores();
   const color = colors['light'];
 
   return (
@@ -116,11 +116,7 @@ function MobileView(props: any) {
                 }}
               >
                 <img
-                  src={
-                    {
-                      ...assignee
-                    }.img || '/static/person_placeholder.png'
-                  }
+                  src={assignee.img || main.getUserAvatarPlaceholder(assignee.owner_pubkey)}
                   alt="assignee_img"
                   style={{
                     borderRadius: '50%',
@@ -304,4 +300,5 @@ function MobileView(props: any) {
     </div>
   );
 }
+
 export default observer(MobileView);