From 95ba74a7a82c25105f97fe66bf226a6bd884e89d Mon Sep 17 00:00:00 2001
From: NovaFox161 <nova@maday.dev>
Date: Wed, 22 Jan 2025 20:14:24 -0600
Subject: [PATCH] Migrate the last use of img to Next/Image for user pfp

---
 components/navbar.tsx | 5 +++--
 next.config.js        | 6 ++++++
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/components/navbar.tsx b/components/navbar.tsx
index d81f22f..f49fb02 100644
--- a/components/navbar.tsx
+++ b/components/navbar.tsx
@@ -124,10 +124,11 @@ export default function Navbar() {
                         className="bg-discal-dark-blue flex text-sm rounded-full focus:outline-none focus:ring-2
                                             focus:ring-offset-2 focus:ring-offset-discal-dark-grey focus:ring-white">
                         <span className="sr-only">Open user menu</span>
-                        {/*TODO: Should be Image, but need to define remote patterns for image optimization*/}
-                        <img className="h-8 w-8 rounded-full"
+                        <Image className="h-8 w-8 rounded-full"
                              src={props.user.avatar}
                              alt="Profile Photo"
+                             width={32}
+                             height={32}
                         />
                     </MenuButton>
                 </div>
diff --git a/next.config.js b/next.config.js
index 09d5555..e4684a4 100644
--- a/next.config.js
+++ b/next.config.js
@@ -17,6 +17,12 @@ module.exports = {
               port: '',
               search: ''
           },
+          {
+              protocol: "https",
+              hostname: "cdn.discordapp.com",
+              port: '',
+              search: ''
+          }
       ],
     },
 }