diff --git a/app/layout.tsx b/app/layout.tsx index 66ec492..b8ce82d 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -2,6 +2,7 @@ import type { Metadata } from "next"; import { Inter, Poppins } from "next/font/google"; import "./globals.css"; import dynamic from "next/dynamic"; +import { ClerkProvider } from "@clerk/nextjs"; // const inter = Inter({ subsets: ["latin"] }); @@ -26,11 +27,10 @@ export default function RootLayout({ // if the current route is login or register, we don't want to show the nav bar return ( - - - - {children} - - + + + {children} + + ); } diff --git a/app/page.tsx b/app/page.tsx index f78e945..afabd80 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -1,6 +1,9 @@ +import NavigationBar from "@/components/NavigationBar"; + export default function Home() { return (
+ Login
); diff --git a/app/sign-in/[[...sign-in]]/page.tsx b/app/sign-in/[[...sign-in]]/page.tsx new file mode 100644 index 0000000..294682c --- /dev/null +++ b/app/sign-in/[[...sign-in]]/page.tsx @@ -0,0 +1,9 @@ +import { SignIn } from "@clerk/nextjs"; + +export default function Page() { + return ( +
+ +
+ ); +} diff --git a/app/sign-up/[[...sign-up]]/page.tsx b/app/sign-up/[[...sign-up]]/page.tsx new file mode 100644 index 0000000..07a438b --- /dev/null +++ b/app/sign-up/[[...sign-up]]/page.tsx @@ -0,0 +1,9 @@ +import { SignUp } from "@clerk/nextjs"; + +export default function Page() { + return ( +
+ +
+ ); +} diff --git a/components/NavigationBar.jsx b/components/NavigationBar.jsx index dd4ea5a..45fbdca 100644 --- a/components/NavigationBar.jsx +++ b/components/NavigationBar.jsx @@ -1,4 +1,5 @@ "use client"; +import { UserButton } from "@clerk/nextjs"; import { usePathname } from "next/navigation"; const NavigationBar = () => { @@ -10,6 +11,7 @@ const NavigationBar = () => { return (