This is easier
This commit is contained in:
parent
4dfb10ce34
commit
6fd7454324
4 changed files with 5 additions and 21 deletions
|
@ -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>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
);
|
);
|
||||||
|
|
||||||
|
|
|
@ -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>
|
||||||
);
|
);
|
||||||
|
|
||||||
|
|
Loading…
Add table
Reference in a new issue