config auth

n-festa · Jan 13, 2024 · 8f79b8e · 8f79b8e
1 parent f7695e7
commit 8f79b8e
Show file tree

Hide file tree

Showing 11 changed files with 50 additions and 21 deletions.
diff --git a/.env b/.env
@@ -1,7 +1,10 @@
 NEXT_PUBLIC_ANALYTICS_ID=UA-114361661-6
 BASE_URL=http://localhost:3001/
+NO_SECRET=justaRandomstring
+GITHUB_ID=
+GITHUB_SECRET=
 
 ALLOWED_METHODS="GET, POST, PUT, DELETE, OPTIONS"
 ALLOWED_ORIGIN="*"
 ALLOWED_HEADERS="Content-Type, Authorization"
-DOMAIN_URL="http://localhost:3000"
+DOMAIN_URL="http://localhost:3000"
diff --git a/.env.example b/.env.example
@@ -1,2 +1,9 @@
 NEXT_PUBLIC_ANALYTICS_ID=UA-114361661-6
-BASE_URL=http://localhost:3001/
+BASE_URL=http://localhost:3001/
+NO_SECRET=justaRandomstring
+
+
+ALLOWED_METHODS="GET, POST, PUT, DELETE, OPTIONS"
+ALLOWED_ORIGIN="*"
+ALLOWED_HEADERS="Content-Type, Authorization"
+DOMAIN_URL="http://localhost:3000"
diff --git a/public/images/frame-2729.svg b/public/images/frame-2729.svg
diff --git a/public/images/plus.svg b/public/images/plus.svg
diff --git a/src/app/api/auth/route.ts b/src/app/api/auth/route.ts
@@ -0,0 +1,10 @@
+import NextAuth from "next-auth/next";
+import nextAuth, { AuthOptions } from "next-auth";
+import Credentials from "next-auth/providers/credentials";
+
+export const authOptions : AuthOptions = {
+    secret: process.env.NO_SECRET,
+    providers: []
+}
+
+const handler = nextAuth
diff --git a/src/app/homepage/page.tsx b/src/app/homepage/page.tsx
@@ -45,7 +45,7 @@ const HomePage = () =>{
 			        </div>
 			        <div className="pagination d-flex justify-content-end align-items-center">
 			            <div className="carousel-arrow">
-			                <img className="search-md-icon" alt=""   src="./public/chevronleft.svg"
+			                <img className="search-md-icon" alt=""   src="/images/chevronleft.svg"
 			                />
 			            </div>
 			            <div className="pagination-dot-group">
@@ -54,7 +54,7 @@ const HomePage = () =>{
 			                <div className="pagination-dot-indicator"></div>
 			            </div>
 			            <div className="carousel-arrow">
-			                <img  className="search-md-icon"  alt=""  src="./public/chevronright.svg" />
+			                <img  className="search-md-icon"  alt=""  src="/images/chevronright.svg" />
 			            </div>
 
 			            <b className="get-all-button">Xem tất cả</b>
@@ -111,19 +111,9 @@ const HomePage = () =>{
 			                            >
 			                        </div>
 			                        <div className="discount-up-to-wrapper d-flex align-items-center gap-1">
-			                            <img className=""
-			                                 alt=""
-			                                 src="/images/frame-2729.svg"
-			                            />
-
 			                            <div className="discount-up-to">Ưu đãi đến 50k</div>
 			                        </div>
 			                        <div className="flavor-time-wrapper d-flex align-items-center gap-1">
-			                            <img className=""
-			                                 alt=""
-			                                 src="/images/frame-2725.svg"
-			                            />
-
 			                            <div className="flavor-time">
 			                                Đặt trước 09:00 giờ sáng để điều chỉnh vị
 			                            </div>

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -6,6 +6,8 @@ import '@/styles/order.css'
 import '@/styles/login.css'
 import '@/styles/style.css'
 
+import { SessionProvider } from 'next-auth/react';
+import NextAuthWrapper from '@/lib/next.auth.provider';
 import Head from "next/head"
 
 export default function RootLayout({children,}: {children: React.ReactNode;}) {
@@ -16,9 +18,9 @@ export default function RootLayout({children,}: {children: React.ReactNode;}) {
 			</Head>
 	      	<body>
 	        {/* <ProgressBar /> */}
-
-	        {children}
-
+				<NextAuthWrapper>
+					{children}
+				</NextAuthWrapper>
 	      	</body>
 	    </html>
   )

diff --git a/src/app/ui/header/header1.tsx b/src/app/ui/header/header1.tsx
@@ -54,7 +54,7 @@ const Header1 = ({ isErrorPage }: HeaderType) => {
                         <div className="language-text">VIE</div>
                         <img className="small-icon"
                              alt=""
-                             src="./public/vn.svg"
+                             src="/images/vn.svg"
                         />
                     </div>
                 </div>

diff --git a/src/app/ui/header/index.tsx b/src/app/ui/header/index.tsx
@@ -3,12 +3,15 @@ import { useState } from 'react';
 import CartHeader from "./cartHeader";
 import CheckLogin from "./checkLogin";
 import CartModel from "../cart/cartModel";
+import { signIn, signOut, useSession } from 'next-auth/react';
 type HeaderType = {
     isErrorPage?: Boolean;
 }
 
 const Header = ({ isErrorPage }: HeaderType) => {
     const [show, setShow] = useState(false);
+    const { data: session, status } = useSession();
+    console.log("sesstion ", session);
     return(
         <section className={`header-section d-flex justify-content-center `}>
             <div className="header-container container w-100 d-flex justify-content-between align-items-center gap-5">

diff --git a/src/components/homePage/interesting_food.tsx b/src/components/homePage/interesting_food.tsx
@@ -107,7 +107,7 @@ const InterestingFood = async () => {
                             <div className="discount-up-to-wrapper d-flex align-items-center gap-1">
                                 <img className="small-icon"
                                     alt=""
-                                    src="/imagesc/frame-2729.svg"
+                                    src="/images/frame-2729.svg"
                                 />
 
                                 <div className="discount-up-to">Ưu đãi đến 50k</div>

diff --git a/src/lib/next.auth.provider.tsx b/src/lib/next.auth.provider.tsx
@@ -0,0 +1,11 @@
+'use client'
+
+import { SessionProvider } from 'next-auth/react';
+
+export default function NextAuthWrapper({children,}: {children: React.ReactNode;}) {
+  	return (
+		<SessionProvider>
+			{children}
+		</SessionProvider>
+    )
+}