Migrate the last use of img to Next/Image for user pfp

DreamExposure · Jan 23, 2025 · 95ba74a · 95ba74a
1 parent de83bac
commit 95ba74a
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git 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
@@ -17,6 +17,12 @@ module.exports = {
               port: '',
               search: ''
           },
+          {
+              protocol: "https",
+              hostname: "cdn.discordapp.com",
+              port: '',
+              search: ''
+          }
       ],
     },
 }