adding auth0 login

PupSpot · Nov 12, 2024 · 987e950 · 987e950
1 parent a42a0ec
commit 987e950
Show file tree

Hide file tree

Showing 5 changed files with 234 additions and 12 deletions.
diff --git a/app/api/auth/[auth0]/route.js b/app/api/auth/[auth0]/route.js
@@ -0,0 +1,4 @@
+import { handleAuth } from '@auth0/nextjs-auth0';
+
+export const GET = handleAuth();
+
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -2,6 +2,7 @@ import type { Metadata } from "next";
 import localFont from "next/font/local";
 import "./globals.css";
 import React from "react";
+import { UserProvider } from "@auth0/nextjs-auth0/client";
 
 const geistSans = localFont({
   src: "./fonts/GeistVF.woff",
@@ -51,13 +52,15 @@ export default function RootLayout({
   return (
     <html lang="en">
       <head>
-      <link rel="icon" href="/pawicon.png" type="image/icon" />
+        <link rel="icon" href="/pawicon.png" type="image/icon" />
       </head>
-      <body
-        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
-      >
-        {children}
-      </body>
+      <UserProvider>
+        <body
+          className={`${geistSans.variable} ${geistMono.variable} antialiased`}
+        >
+          {children}
+        </body>
+      </UserProvider>
     </html>
   );
 }
diff --git a/components/LandingPage.tsx b/components/LandingPage.tsx
@@ -55,7 +55,7 @@ const Navigation = () => {
                         <Link href="/events" className="text-gray-600 hover:text-blue-600 transition-colors">
                             Events
                         </Link>
-                        <Link href="/authentication">
+                        <Link href="/api/auth/login">
                             <Button className="bg-blue-600 hover:bg-blue-700">
                                 Sign In
                             </Button>
@@ -125,7 +125,7 @@ const HeroSection = () => (
                     variants={fadeIn}
                     className="flex flex-col sm:flex-row justify-center gap-4"
                 >
-                    <Link href="/authentication">
+                    <Link href="/api/auth/login">
                         <Button size="lg" className="bg-blue-600 hover:bg-blue-700">
                             Join Now <ChevronRight className="ml-2 h-4 w-4" />
                         </Button>
@@ -233,7 +233,7 @@ const CTASection = () => (
             </motion.p>
             <motion.div variants={fadeIn}>
                 <motion.div whileHover={{scale: 1.05}} whileTap={{scale: 0.95}}>
-                    <Link href="/authentication">
+                    <Link href="/api/auth/login">
                         <Button size="lg" className="bg-white text-blue-600 hover:bg-blue-50">
                             Sign Up Now <ChevronRight className="ml-2 h-4 w-4" />
                         </Button>

diff --git a/package-lock.json b/package-lock.json
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,4 @@
		import { handleAuth } from '@auth0/nextjs-auth0';

		export const GET = handleAuth();