Hackathons/HoyaHax2025
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

clerk in the right place

Browse Source
This commit is contained in:
Joseph J Helfenbein
2025-01-25 08:14:10 -05:00
parent ff4eff1ec0
commit 4cc38b4860
2 changed files with 16 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/app/(web)/layout.tsx
View File

@@ -4,6 +4,7 @@ import React from 'react';
import { Navbar } from '@/components/navbar'; import { Navbar } from '@/components/navbar';
import { Footer } from '@/components/footer'; import { Footer } from '@/components/footer';
import { ThemeProvider } from '@/components/theme-provider'; import { ThemeProvider } from '@/components/theme-provider';
import { ClerkProvider } from '@clerk/nextjs';
import '../globals.css' import '../globals.css'
@@ -11,11 +12,13 @@ export default function RootLayout({ children }: { children: React.ReactNode })
return ( return (
<html lang="en"> <html lang="en">
<body> <body>
<ThemeProvider attribute="class" defaultTheme="system" enableSystem disableTransitionOnChange> <ClerkProvider>
<Navbar /> <ThemeProvider attribute="class" defaultTheme="system" enableSystem disableTransitionOnChange>
<main suppressHydrationWarning>{children}</main> <Navbar />
<Footer /> <main suppressHydrationWarning>{children}</main>
</ThemeProvider> <Footer />
</ThemeProvider>
</ClerkProvider>
</body> </body>
</html> </html>
) )

19
src/components/navbar.tsx
View File

@@ -4,7 +4,6 @@ import * as React from "react"
import Link from "next/link" import Link from "next/link"
import { import {
ClerkProvider,
SignInButton, SignInButton,
SignedIn, SignedIn,
SignedOut, SignedOut,
@@ -33,16 +32,14 @@ export function Navbar() {
</div> </div>
<div className="flex flex-1 items-center justify-between space-x-2 md:justify-end"> <div className="flex flex-1 items-center justify-between space-x-2 md:justify-end">
<ModeToggle /> <ModeToggle />
<ClerkProvider> <div className="bg-primary text-primary-foreground shadow hover:bg-primary/90 px-4 py-2 rounded-md">
<div className="bg-primary text-primary-foreground shadow hover:bg-primary/90 px-4 py-2 rounded-md"> <SignedOut>
<SignedOut> <SignInButton />
<SignInButton /> </SignedOut>
</SignedOut> <SignedIn>
<SignedIn> <UserButton />
<UserButton /> </SignedIn>
</SignedIn> </div>
</div>
</ClerkProvider>
</div> </div>
</div> </div>
</header> </header>