From cec4aa22e601e99c33e8cbda04caa56ec32c6b8f Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Mon, 30 Jan 2023 04:26:03 -0800
Subject: [PATCH] Add NPC profile picture to other pages

---
 components/GridRep/index.tsx      | 11 ++++++++++-
 components/PartyDetails/index.tsx | 11 ++++++++++-
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/components/GridRep/index.tsx b/components/GridRep/index.tsx
index 3f406b4b..6c0990ad 100644
--- a/components/GridRep/index.tsx
+++ b/components/GridRep/index.tsx
@@ -136,7 +136,16 @@ const GridRep = (props: Props) => {
           src={`/profile/${props.user.avatar.picture}.png`}
         />
       )
-    } else return <div className="no-user" />
+    } else
+      return (
+        <img
+          alt={t('no_user')}
+          className={`profile anonymous`}
+          srcSet={`/profile/npc.png,
+                            /profile/npc@2x.png 2x`}
+          src={`/profile/npc.png`}
+        />
+      )
   }
 
   const linkedAttribution = () => (
diff --git a/components/PartyDetails/index.tsx b/components/PartyDetails/index.tsx
index f2aef8fc..2a93f342 100644
--- a/components/PartyDetails/index.tsx
+++ b/components/PartyDetails/index.tsx
@@ -403,7 +403,16 @@ const PartyDetails = (props: Props) => {
           src={`/profile/${picture}.png`}
         />
       )
-    else return <div className="no-user" />
+    else
+      return (
+        <img
+          alt={t('no_user')}
+          className={`profile anonymous`}
+          srcSet={`/profile/npc.png,
+                            /profile/npc@2x.png 2x`}
+          src={`/profile/npc.png`}
+        />
+      )
   }
 
   const userBlock = (username?: string, picture?: string, element?: string) => {