default profile picture in header and account

battlecode · Nov 9, 2024 · d7e1257 · d7e1257
1 parent d2b8322
commit d7e1257
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/frontend2/public/default_profile_picture.png b/frontend2/public/default_profile_picture.png
diff --git a/frontend2/src/components/Header.tsx b/frontend2/src/components/Header.tsx
@@ -93,7 +93,10 @@ const Header: React.FC = () => {
                   <span className="sr-only">Open user menu</span>
                   <img
                     className="h-8 w-8 rounded-full bg-white"
-                    src={user?.profile?.avatar_url}
+                    src={
+                      user?.profile?.avatar_url ??
+                      "/default_profile_picture.png"
+                    }
                     alt="Profile Picture"
                   />
                 </Menu.Button>

diff --git a/frontend2/src/views/Account.tsx b/frontend2/src/views/Account.tsx
@@ -181,7 +181,7 @@ const ProfileForm: React.FC<{
         <div className="flex flex-col items-center gap-6 p-4">
           <img
             className="h-24 w-24 rounded-full bg-gray-400 lg:h-48 lg:w-48"
-            src={user?.profile?.avatar_url}
+            src={user?.profile?.avatar_url ?? "/default_profile_picture.png"}
           />
           <div className="text-center text-xl font-semibold">
             {`${watchFirstName ?? ""} ${watchLastName ?? ""}`}