TNT-Flo/sandbox-web-ide
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add clerk

Browse Source
This commit is contained in:
Ishaan Dey
2024-04-09 01:20:15 -04:00
parent d874813586
commit 0d42bc6734
9 changed files with 659 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
app/(auth)/layout.tsx Normal file
View File

@ -0,0 +1,11 @@
export default function AuthLayout({
children,
}: {
children: React.ReactNode
}) {
return (
<div className="w-screen flex items-center justify-center h-screen">
{children}
</div>
)
}

17
app/(auth)/sign-in/[[...sign-in]]/page.tsx Normal file
View File

@ -0,0 +1,17 @@
import { SignIn } from "@clerk/nextjs"
import { dark } from "@clerk/themes"
export default function Page() {
return (
<SignIn
appearance={{
baseTheme: dark,
elements: {
footerActionLink: {
color: "#fff",
},
},
}}
/>
)
}

17
app/(auth)/sign-up/[[...sign-up]]/page.tsx Normal file
View File

@ -0,0 +1,17 @@
import { SignUp } from "@clerk/nextjs"
import { dark } from "@clerk/themes"
export default function Page() {
return (
<SignUp
appearance={{
baseTheme: dark,
elements: {
footerActionLink: {
color: "#A3A3A3",
},
},
}}
/>
)
}

27
app/layout.tsx
View File

@ -2,6 +2,7 @@ import type { Metadata } from "next"
import { Inter } from "next/font/google"
import "./globals.css"
import { ThemeProvider } from "@/components/layout/themeProvider"
import { ClerkProvider } from "@clerk/nextjs"
const inter = Inter({ subsets: ["latin"] })
@ -16,17 +17,19 @@ export default function RootLayout({
children: React.ReactNode
}>) {
return (
<html lang="en">
<body className={inter.className}>
<ThemeProvider
attribute="class"
defaultTheme="dark"
forcedTheme="dark"
disableTransitionOnChange
>
{children}
</ThemeProvider>
</body>
</html>
<ClerkProvider>
<html lang="en">
<body className={inter.className}>
<ThemeProvider
attribute="class"
defaultTheme="dark"
forcedTheme="dark"
disableTransitionOnChange
>
{children}
</ThemeProvider>
</body>
</html>
</ClerkProvider>
)
}

3
app/page.tsx
View File

@ -1,6 +1,3 @@
import Navbar from "@/components/navbar"
import dynamic from "next/dynamic"
export default function Home() {
return (
<div className="w-screen flex flex-col h-screen bg-background">test</div>