From faaed89a4f5d5db1a7b0c1eb540efc73dc3e1535 Mon Sep 17 00:00:00 2001
From: phoenix <ayomikuntemitope.araoye@gmail.com>
Date: Tue, 30 Jul 2024 03:28:38 +0100
Subject: [PATCH] fix: fix social auth

---
 next.config.mjs                                        | 10 ++++++++++
 src/actions/google.ts                                  |  1 -
 .../_components/layout/navbar/index.tsx                |  5 ++++-
 src/app/dashboard/(user-dashboard)/dashboard/page.tsx  |  5 -----
 src/app/dashboard/(user-dashboard)/page.tsx            |  9 +++++++++
 src/app/dashboard/authprovide.tsx                      | 10 ++++++++++
 src/app/dashboard/layout.tsx                           |  9 +++++++++
 src/auth.config.ts                                     |  7 -------
 8 files changed, 42 insertions(+), 14 deletions(-)
 delete mode 100644 src/app/dashboard/(user-dashboard)/dashboard/page.tsx
 create mode 100644 src/app/dashboard/(user-dashboard)/page.tsx
 create mode 100644 src/app/dashboard/authprovide.tsx
 create mode 100644 src/app/dashboard/layout.tsx

diff --git a/next.config.mjs b/next.config.mjs
index 8c8bab67b..3d1ed5d33 100644
--- a/next.config.mjs
+++ b/next.config.mjs
@@ -1,6 +1,16 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   output: "standalone",
+  images: {
+    remotePatterns: [
+      {
+        protocol: "https",
+        hostname: "lh3.googleusercontent.com",
+      },
+      { hostname: "ui-avatars.com", protocol: "https" },
+      { hostname: "res.cloudinary.com", protocol: "http" },
+    ],
+  },
 };
 
 export default nextConfig;
diff --git a/src/actions/google.ts b/src/actions/google.ts
index 85a72549d..7849e2cdd 100644
--- a/src/actions/google.ts
+++ b/src/actions/google.ts
@@ -9,7 +9,6 @@ const GOOGLE_SIGN_IN = async (profile: any) => {
   try {
     // eslint-disable-next-line unicorn/prevent-abbreviations
     const res = await $http.post("/auth/google", profile);
-
     return {
       user: res.data,
     };
diff --git a/src/app/dashboard/(user-dashboard)/_components/layout/navbar/index.tsx b/src/app/dashboard/(user-dashboard)/_components/layout/navbar/index.tsx
index 693fca210..d32f109de 100644
--- a/src/app/dashboard/(user-dashboard)/_components/layout/navbar/index.tsx
+++ b/src/app/dashboard/(user-dashboard)/_components/layout/navbar/index.tsx
@@ -7,6 +7,7 @@ import {
   Menu,
   SearchIcon,
 } from "lucide-react";
+import { useSession } from "next-auth/react";
 import Link from "next/link";
 import { usePathname } from "next/navigation";
 
@@ -44,6 +45,7 @@ const navlinks = [
 
 const UserNavbar = () => {
   const pathname = usePathname();
+  const { data: session } = useSession();
   const currentPath = pathname?.split("/")[2];
   return (
     <nav
@@ -113,7 +115,8 @@ const UserNavbar = () => {
           </div>
           <div className="hover:bg-black-1 flex w-full max-w-[64px] cursor-pointer items-center justify-between gap-2">
             <Avatar data-testid="avatar" className="h-10 w-10">
-              <AvatarImage src="https://github.com/shadcn.png" />
+              {/* @ts-expect-error To be updated when all be has been rectifed */}
+              <AvatarImage src={session?.user.picture} />
               <AvatarFallback>CN</AvatarFallback>
             </Avatar>
             <ChevronDown
diff --git a/src/app/dashboard/(user-dashboard)/dashboard/page.tsx b/src/app/dashboard/(user-dashboard)/dashboard/page.tsx
deleted file mode 100644
index db4d38750..000000000
--- a/src/app/dashboard/(user-dashboard)/dashboard/page.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-const page = () => {
-  return <div>page</div>;
-};
-
-export default page;
diff --git a/src/app/dashboard/(user-dashboard)/page.tsx b/src/app/dashboard/(user-dashboard)/page.tsx
new file mode 100644
index 000000000..c9bfa27a0
--- /dev/null
+++ b/src/app/dashboard/(user-dashboard)/page.tsx
@@ -0,0 +1,9 @@
+import { auth } from "~/auth";
+
+const page = async () => {
+  // getting session for server components got to navbar and see implemtation for client component
+  const session = await auth();
+  return <div>welcome {session?.user.name}</div>;
+};
+
+export default page;
diff --git a/src/app/dashboard/authprovide.tsx b/src/app/dashboard/authprovide.tsx
new file mode 100644
index 000000000..b5f18e942
--- /dev/null
+++ b/src/app/dashboard/authprovide.tsx
@@ -0,0 +1,10 @@
+"use client";
+
+import { SessionProvider } from "next-auth/react";
+import React from "react";
+
+const Providers = ({ children }: { children: React.ReactNode }) => {
+  return <SessionProvider>{children}</SessionProvider>;
+};
+
+export { Providers };
diff --git a/src/app/dashboard/layout.tsx b/src/app/dashboard/layout.tsx
new file mode 100644
index 000000000..0a9c33f6a
--- /dev/null
+++ b/src/app/dashboard/layout.tsx
@@ -0,0 +1,9 @@
+import { SessionProvider } from "next-auth/react";
+
+export default function AdminLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return <SessionProvider>{children} </SessionProvider>;
+}
diff --git a/src/auth.config.ts b/src/auth.config.ts
index 5586e475b..ee1d41f13 100644
--- a/src/auth.config.ts
+++ b/src/auth.config.ts
@@ -20,13 +20,6 @@ export default {
   callbacks: {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     async signIn({ account, profile, user }: any) {
-      // if (account && account.provider === "google") {
-      //   // eslint-disable-next-line unicorn/prevent-abbreviations
-      //   const res = await GOOGLE_SIGN_IN(profile);
-      //   const use = res.user;
-
-      //   return { user: { ...use } };
-      // }
       return { ...account, ...profile, ...user };
     },
     async jwt({ token, user, account }) {