This is easier

This commit is contained in:
Atridad Lahiji 2023-09-01 23:37:51 -06:00 committed by atridadl
parent 4dfb10ce34
commit 6fd7454324
No known key found for this signature in database
4 changed files with 5 additions and 21 deletions

View file

@ -5,7 +5,6 @@ import Image from "next/image";
import Link from "next/link"; import Link from "next/link";
import { useRouter, usePathname } from "next/navigation"; import { useRouter, usePathname } from "next/navigation";
import { env } from "@/env.mjs"; import { env } from "@/env.mjs";
import { dark } from "@clerk/themes";
interface NavbarProps { interface NavbarProps {
title: string; title: string;
@ -61,11 +60,7 @@ const Navbar = ({ title }: NavbarProps) => {
</div> </div>
{navigationMenu()} {navigationMenu()}
<UserButton <UserButton afterSignOutUrl="/" userProfileMode="modal" />
afterSignOutUrl="/"
userProfileMode="modal"
appearance={{ baseTheme: dark }}
/>
</nav> </nav>
); );
}; };

View file

@ -3,6 +3,7 @@ import Footer from "@/app/_components/Footer";
import Header from "@/app/_components/Header"; import Header from "@/app/_components/Header";
import "@/styles/globals.css"; import "@/styles/globals.css";
import Provider from "./_trpc/Provider"; import Provider from "./_trpc/Provider";
import { dark } from "@clerk/themes";
export const metadata = { export const metadata = {
title: "Sprint Padawan", title: "Sprint Padawan",
@ -15,7 +16,7 @@ export default function RootLayout({
children: React.ReactNode; children: React.ReactNode;
}) { }) {
return ( return (
<ClerkProvider> <ClerkProvider appearance={{ baseTheme: dark }}>
<html lang="en" className="h-[100%] w-[100%] fixed overflow-y-auto"> <html lang="en" className="h-[100%] w-[100%] fixed overflow-y-auto">
<body className="h-[100%] w-[100%] fixed overflow-y-auto"> <body className="h-[100%] w-[100%] fixed overflow-y-auto">
<ClerkLoaded> <ClerkLoaded>

View file

@ -1,18 +1,12 @@
"use client"; "use client";
import { SignIn } from "@clerk/nextjs"; import { SignIn } from "@clerk/nextjs";
import { dark } from "@clerk/themes";
export const dynamic = "force-static"; export const dynamic = "force-static";
const SignInPage = () => ( const SignInPage = () => (
<div style={styles}> <div style={styles}>
<SignIn <SignIn path="/sign-in" routing="path" signUpUrl="/sign-up" />
path="/sign-in"
routing="path"
signUpUrl="/sign-up"
appearance={{ baseTheme: dark }}
/>
</div> </div>
); );

View file

@ -1,18 +1,12 @@
"use client"; "use client";
import { SignUp } from "@clerk/nextjs"; import { SignUp } from "@clerk/nextjs";
import { dark } from "@clerk/themes";
export const dynamic = "force-static"; export const dynamic = "force-static";
const SignUpPage = () => ( const SignUpPage = () => (
<div style={styles}> <div style={styles}>
<SignUp <SignUp path="/sign-up" routing="path" signInUrl="/sign-in" />
path="/sign-up"
routing="path"
signInUrl="/sign-in"
appearance={{ baseTheme: dark }}
/>
</div> </div>
); );