feat: added D_D image for the db user.image field

Author: Markkos89

next.config.mjs

@@ -20,7 +20,16 @@ const withMDX = nextMDX({
 /** @type {import("next").NextConfig} */
 const config = {
   reactStrictMode: true,
-
+  images: {
+    remotePatterns: [
+      {
+        protocol: "https",
+        hostname: "www.developerdao.com",
+        port: "",
+        pathname: "D_D_logo-dark.svg",
+      },
+    ],
+  },
   /**
    * If you have the "experimental: { appDir: true }" setting enabled, then you
    * must comment the below `i18n` config out.

src/components/Topbar.tsx

@@ -26,7 +26,6 @@ import SchoolOfCodeLogo from "./SchoolOfCodeLogo";
 import { useRouter } from "next/router";
 import { getCsrfToken, signIn, signOut, useSession } from "next-auth/react";
 import { api } from "@/utils/api";
-// import { renderDataURI } from "@codingwithmanny/blockies";
 // SIWE Integration
 import { SiweMessage } from "siwe";
 import {
@@ -39,6 +38,28 @@ import {
 import { InjectedConnector } from "wagmi/connectors/injected";
 import { useEffect, useState } from "react";
 
+interface NavItem {
+  label: string;
+  subLabel?: string;
+  children?: Array<NavItem>;
+  href?: string;
+}
+
+const NAV_ITEMS: Array<NavItem> = [
+  {
+    label: "Home",
+    href: "/",
+  },
+  {
+    label: "Get Started",
+    href: "/getting-started",
+  },
+  {
+    label: "Tracks",
+    href: "/lessons",
+  },
+];
+
 export default function Topbar() {
   const { isOpen, onToggle } = useDisclosure();
   const router = useRouter();
@@ -61,8 +82,6 @@ export default function Topbar() {
   const { disconnect } = useDisconnect();
   const { chain } = useNetwork();
 
-  console.log({ address, isConnected });
-
   // Functions
   /**
    * Attempts SIWE and establish session
@@ -157,14 +176,6 @@ export default function Topbar() {
               <SchoolOfCodeLogo autoStart={true} loop={true} />
             )}
           </Link>
-          {/* <Text
-                textAlign={useBreakpointValue({ base: 'center', md: 'left' })}
-                fontFamily={'heading'}
-                color={useColorModeValue('gray.800', 'white')}
-              >
-                Logo
-              </Text> */}
-
           <Flex
             justify={"flex-end"}
             alignItems="center"
@@ -394,25 +405,3 @@ const MobileNavItem = ({ label, children, href }: NavItem) => {
     </Stack>
   );
 };
-
-interface NavItem {
-  label: string;
-  subLabel?: string;
-  children?: Array<NavItem>;
-  href?: string;
-}
-
-const NAV_ITEMS: Array<NavItem> = [
-  {
-    label: "Home",
-    href: "/",
-  },
-  {
-    label: "Get Started",
-    href: "/getting-started",
-  },
-  {
-    label: "Tracks",
-    href: "/lessons",
-  },
-];

src/server/auth.ts

@@ -26,6 +26,7 @@ declare module "next-auth" {
   interface Session extends DefaultSession {
     user: {
       id: string;
+      image: string;
       // ...other properties
       // role: UserRole;
     } & DefaultSession["user"];
@@ -55,7 +56,6 @@ export const authOptions: (ctxReq: CtxOrReq) => NextAuthOptions = ({
         user: {
           ...session.user,
           id: token.sub,
-          image: "https://www.fillmurray.com/128/128",
         },
       } as Session & { user: { id: string } }),
     // OTHER CALLBACKS to take advantage of but not needed
@@ -133,6 +133,7 @@ export const authOptions: (ctxReq: CtxOrReq) => NextAuthOptions = ({
   //   }) => {},
   //   session: async (message: { session: Session; token: JWT }) => {}
   // },
+  // debug: true, // For debugging
   providers: [
     CredentialsProvider({
       // ! Don't add this
@@ -187,10 +188,11 @@ export const authOptions: (ctxReq: CtxOrReq) => NextAuthOptions = ({
             user = await prisma.user.create({
               data: {
                 address: fields.address,
+                image: "https://www.developerdao.com/D_D_logo-dark.svg",
               },
             });
             // create account
-            const account = await prisma.account.create({
+            await prisma.account.create({
               data: {
                 userId: user.id,
                 type: "credentials",
@@ -203,7 +205,8 @@ export const authOptions: (ctxReq: CtxOrReq) => NextAuthOptions = ({
           return {
             // Pass user id instead of address
             // id: fields.address
-            id: user.id,
+            // id: user.id,
+            ...user,
           };
         } catch (error) {
           // Uncomment or add logging if needed