feat: some changes taking code from siwe example branch

Author: Markkos89

package.json

@@ -19,6 +19,7 @@
     "@next-auth/prisma-adapter": "^1.0.7",
     "@prisma/client": "^4.16.1",
     "@rainbow-me/rainbowkit": "^1.0.4",
+    "@rainbow-me/rainbowkit-siwe-next-auth": "^0.2.0",
     "@tanstack/react-query": "^4.29.19",
     "@trpc/client": "^10.33.0",
     "@trpc/next": "^10.33.0",

src/pages/_app.tsx

@@ -15,18 +15,13 @@ import Topbar from "@/components/Topbar";
 //Raimbow Kit
 import "@rainbow-me/rainbowkit/styles.css";
 import {
-  getDefaultWallets,
   connectorsForWallets,
   RainbowKitProvider,
 } from "@rainbow-me/rainbowkit";
-import {
-  braveWallet,
-  injectedWallet,
-  coinbaseWallet,
-  safeWallet,
-} from "@rainbow-me/rainbowkit/wallets";
+import { injectedWallet, coinbaseWallet } from "@rainbow-me/rainbowkit/wallets";
 import { MDXProvider } from "@mdx-js/react";
 import Components from "@/components/mdx/Components";
+import { RainbowKitSiweNextAuthProvider } from "@rainbow-me/rainbowkit-siwe-next-auth";
 
 // Config
 // ========================================================
@@ -38,21 +33,12 @@ const { chains, publicClient, webSocketPublicClient } = configureChains(
   [publicProvider()]
 );
 
-const { wallets } = getDefaultWallets({
-  appName: "Developer DAO Academy",
-  projectId: "123456789",
-  chains,
-});
-
 const connectors = connectorsForWallets([
-  ...wallets,
   {
-    groupName: "Other",
+    groupName: "Recommended",
     wallets: [
-      braveWallet({ chains }),
       injectedWallet({ chains }),
-      coinbaseWallet({ chains, appName: "Developer DAO Academy" }), // "Next dApp" is the name of the app
-      safeWallet({ chains }),
+      coinbaseWallet({ chains, appName: "Developer DAO Academy" }),
     ],
   },
 ]);
@@ -67,6 +53,10 @@ const config = createConfig({
   webSocketPublicClient,
 });
 
+const getSiweMessageOptions = () => ({
+  statement: "Sign in to Developer DAO Academy",
+});
+
 // App Wrapper Component
 // ========================================================
 const MyApp: AppType<{ session: Session | null }> = ({
@@ -76,25 +66,24 @@ const MyApp: AppType<{ session: Session | null }> = ({
   return (
     <ChakraProvider theme={theme}>
       <WagmiConfig config={config}>
-        <RainbowKitProvider
-          //modalSize="compact"
-          coolMode={true}
-          chains={chains}
-          // theme={theme}
-        >
-          <SessionProvider session={session}>
-            <Box
-              p="1.25em"
-              px="5%"
-              mx={{ base: "2rem", md: "6rem", lg: "10rem" }}
-            >
-              <Topbar />
-              <MDXProvider components={Components}>
-                <Component {...pageProps} />{" "}
-              </MDXProvider>
-            </Box>
-          </SessionProvider>
-        </RainbowKitProvider>
+        <SessionProvider session={session} refetchInterval={0}>
+          <RainbowKitSiweNextAuthProvider
+            getSiweMessageOptions={getSiweMessageOptions}
+          >
+            <RainbowKitProvider chains={chains}>
+              <Box
+                p="1.25em"
+                px="5%"
+                mx={{ base: "2rem", md: "6rem", lg: "10rem" }}
+              >
+                <Topbar />
+                <MDXProvider components={Components}>
+                  <Component {...pageProps} />{" "}
+                </MDXProvider>
+              </Box>
+            </RainbowKitProvider>
+          </RainbowKitSiweNextAuthProvider>
+        </SessionProvider>
       </WagmiConfig>
     </ChakraProvider>
   );

src/server/auth.ts

@@ -13,7 +13,6 @@ import CredentialsProvider from "next-auth/providers/credentials";
 import { SiweMessage } from "siwe";
 import { getCsrfToken } from "next-auth/react";
 import type { Session } from "next-auth";
-import { PrismaAdapter } from "@next-auth/prisma-adapter";
 
 // Types
 // ========================================================
@@ -56,6 +55,7 @@ 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

yarn.lock

@@ -1436,6 +1436,11 @@
   resolved "https://registry.yarnpkg.com/@prisma/engines/-/engines-4.16.1.tgz#ee487620dc5135fd175ac7494b1c60c9f12c1e4b"
   integrity sha512-gpZG0kGGxfemgvK/LghHdBIz+crHkZjzszja94xp4oytpsXrgt/Ice82MvPsWMleVIniKuARrowtsIsim0PFJQ==
 
+"@rainbow-me/rainbowkit-siwe-next-auth@^0.2.0":
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/@rainbow-me/rainbowkit-siwe-next-auth/-/rainbowkit-siwe-next-auth-0.2.0.tgz#ea1004c38990b6a14abec61f2f6286d7bdc16e4a"
+  integrity sha512-U0GPPc5tRhNSLgdLb4sU6eha7qxIJmfNbUmcGeQGh7IR/jw3xFdYYKYaHcEG8rB09/yfEMQodwJiV+vrjta6zQ==
+
 "@rainbow-me/rainbowkit@^1.0.4":
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/@rainbow-me/rainbowkit/-/rainbowkit-1.0.4.tgz#22f74c35ba036f7d1deb02528b162691ac5a32af"