From ccae3658bbe965d66035df0b0e84c8617edda169 Mon Sep 17 00:00:00 2001
From: Jackson Williams <wjack1201@yahoo.com>
Date: Fri, 19 Jan 2024 12:52:51 -0500
Subject: [PATCH] use custom pfp otherwise use MUI generated pfp

---
 FU.SPA/src/components/Navbar.jsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/FU.SPA/src/components/Navbar.jsx b/FU.SPA/src/components/Navbar.jsx
index c319010b..827391d4 100644
--- a/FU.SPA/src/components/Navbar.jsx
+++ b/FU.SPA/src/components/Navbar.jsx
@@ -10,10 +10,15 @@ export default function Navbar() {
 
   const renderTabContent = () => {
     if (user) {
+      // if user has a custom pfp then use that, if not then use MUI instead of default pfp
+      const defaultPFP = user.pfpUrl.includes('https://tr.rbxcdn.com/38c6edcb50633730ff4cf39ac8859840/420/420/Hat/Png');
+      const pfpComponent = !defaultPFP
+      ? <Avatar src={user.pfpUrl} sx={{ width: 33, height: 33 }} />
+      : <Avatar {...stringAvatar(user.username)} sx={{ width: 33, height: 33, bgcolor: stringToColor(user.username) }} />;
       return (
         <>
         <li style={{ display: 'flex', alignItems: 'center' }}>
-            <Avatar {...stringAvatar(user.username)} sx={{ width: 33, height: 33, bgcolor: stringToColor(user.username) }}/>
+        {pfpComponent}
         </li>
         <li style={{ display: 'flex', alignItems: 'center' }}>
           <button onClick={logout}>Logout</button>