From 4d021a4634a6bc84ee25f0d43cbc6450d94265f0 Mon Sep 17 00:00:00 2001
From: "HATEC\\SPVDEV001" <tri.susilo@altama.co.id>
Date: Mon, 31 Jul 2023 14:08:34 +0700
Subject: google sing up

---
 package.json                             |  1 +
 src/lib/auth/components/LoginDesktop.jsx | 11 +++++++++++
 src/pages/_app.jsx                       |  8 +++++---
 src/pages/api/auth/[...nextauth].js      | 15 +++++++++++++++
 4 files changed, 32 insertions(+), 3 deletions(-)
 create mode 100644 src/pages/api/auth/[...nextauth].js

diff --git a/package.json b/package.json
index f74b5a69..cb85bd28 100644
--- a/package.json
+++ b/package.json
@@ -25,6 +25,7 @@
     "lodash-contrib": "^4.1200.1",
     "midtrans-client": "^1.3.1",
     "next": "13.0.0",
+    "next-auth": "^4.22.3",
     "next-progress": "^2.2.0",
     "next-pwa": "^5.6.0",
     "next-seo": "^5.15.0",
diff --git a/src/lib/auth/components/LoginDesktop.jsx b/src/lib/auth/components/LoginDesktop.jsx
index 8ce2e4e3..74d259a8 100644
--- a/src/lib/auth/components/LoginDesktop.jsx
+++ b/src/lib/auth/components/LoginDesktop.jsx
@@ -3,11 +3,15 @@ import useLogin from '../hooks/useLogin'
 import Link from '@/core/components/elements/Link/Link'
 import PageContent from '@/lib/content/components/PageContent'
 import Alert from '@/core/components/elements/Alert/Alert'
+import {useSession, signIn, SignOut} from 'next-auth/react'
 
 const LoginDesktop = () => {
   const { handleSubmit, handleChangeInput, isLoading, isValid, alert, emailRef, passwordRef } =
     useLogin()
 
+  const {data : session } = useSession
+  console.log('ini google', session)
+
   return (
     <DesktopView>
       <div className='container mx-auto'>
@@ -60,6 +64,13 @@ const LoginDesktop = () => {
                 {!isLoading ? 'Masuk' : 'Loading...'}
               </button>
             </form>
+            <button
+                type='submit'
+                className='btn-red w-full mt-2'
+                onClick={() => signIn()}
+              >
+                Masuk dengan google
+              </button>
 
             <div className='text-gray_r-11 mt-10'>
               Belum punya akun Indoteknik?{' '}
diff --git a/src/pages/_app.jsx b/src/pages/_app.jsx
index 4c4fed89..cda9e970 100644
--- a/src/pages/_app.jsx
+++ b/src/pages/_app.jsx
@@ -7,12 +7,14 @@ import { QueryClient, QueryClientProvider } from 'react-query'
 import useDevice from '@/core/hooks/useDevice'
 import { useEffect, useState } from 'react'
 import LogoSpinner from '@/core/components/elements/Spinner/LogoSpinner'
+import { SessionProvider } from 'next-auth/react'
 
 const queryClient = new QueryClient()
 
-function MyApp({ Component, pageProps }) {
+function MyApp({ Component, pageProps :{session, ...pageProps} }) {
   const router = useRouter()
   const { isMobile } = useDevice()
+  console.log('ini session', session)
 
   const [animateLoader, setAnimateLoader] = useState(false)
 
@@ -47,7 +49,7 @@ function MyApp({ Component, pageProps }) {
   }, [isMobile])
 
   return (
-    <>
+    <SessionProvider session={session}>
       <AnimatePresence>
         {animateLoader && (
           <motion.div
@@ -81,7 +83,7 @@ function MyApp({ Component, pageProps }) {
           {!animateLoader && <Component {...pageProps} key={router.asPath} />}
         </AnimatePresence>
       </QueryClientProvider>
-    </>
+    </SessionProvider>
   )
 }
 
diff --git a/src/pages/api/auth/[...nextauth].js b/src/pages/api/auth/[...nextauth].js
new file mode 100644
index 00000000..f1d6a31f
--- /dev/null
+++ b/src/pages/api/auth/[...nextauth].js
@@ -0,0 +1,15 @@
+import NextAuth from "next-auth/next";
+import GoogleProvider from "next-auth/providers/google"
+
+export default NextAuth({
+    providers:[
+        GoogleProvider({
+            clientId: process.env.GOOGLE_CLIENT_ID,
+            clientSecret: process.env.GOOGLE_CLIENT_SECRET,
+        }),
+    ],
+    secret:process.env.JWT_SECRET
+    // pages:{
+    //     signIn: '/login',
+    // }
+})
\ No newline at end of file
-- 
cgit v1.2.3