force graph, palette

This commit is contained in:
Nikita
2024-08-30 16:19:29 +03:00
parent 9e89959dd4
commit 32352ca5f4
38 changed files with 1602 additions and 243 deletions

View File

@@ -0,0 +1,7 @@
export default function AuthLayout({
children
}: Readonly<{
children: React.ReactNode
}>) {
return <main className="h-full">{children}</main>
}

View File

@@ -0,0 +1,9 @@
import { SignInClient } from "@/components/custom/clerk/sign-in-client"
export default async function Page() {
return (
<div className="flex justify-center py-24">
<SignInClient />
</div>
)
}

View File

@@ -0,0 +1,9 @@
import { SignUpClient } from "@/components/custom/clerk/sign-up-client"
export default async function Page() {
return (
<div className="flex justify-center py-24">
<SignUpClient />
</div>
)
}

View File

@@ -1,22 +1,33 @@
import { SignedInClient } from "@/components/custom/clerk/signed-in-client"
import { Sidebar } from "@/components/custom/sidebar/sidebar"
import PublicHomeRoute from "@/components/routes/PublicHomeRoute"
import { PublicHomeRoute } from "@/components/routes/PublicHomeRoute"
import { CommandPalette } from "@/components/ui/CommandPalette"
import { JazzClerkAuth, JazzProvider } from "@/lib/providers/jazz-provider"
import { currentUser } from "@clerk/nextjs/server"
export default async function RootLayout({ children }: { children: React.ReactNode }) {
// TODO: get it from jazz/clerk
const loggedIn = true
export default async function PageLayout({ children }: { children: React.ReactNode }) {
const user = await currentUser()
if (loggedIn) {
return (
<div className="flex h-full min-h-full w-full flex-row items-stretch overflow-hidden">
<Sidebar />
<div className="flex min-w-0 flex-1 flex-col">
<main className="relative flex flex-auto flex-col place-items-stretch overflow-auto lg:my-2 lg:mr-2 lg:rounded-md lg:border">
{children}
</main>
</div>
</div>
)
if (!user) {
return <PublicHomeRoute />
}
return <PublicHomeRoute />
return (
<JazzClerkAuth>
<SignedInClient>
<JazzProvider>
<div className="flex h-full min-h-full w-full flex-row items-stretch overflow-hidden">
<Sidebar />
<CommandPalette />
<div className="flex min-w-0 flex-1 flex-col">
<main className="relative flex flex-auto flex-col place-items-stretch overflow-auto lg:my-2 lg:mr-2 lg:rounded-md lg:border">
{children}
</main>
</div>
</div>
</JazzProvider>
</SignedInClient>
</JazzClerkAuth>
)
}

View File

@@ -68,7 +68,7 @@ export const ProfileWrapper = () => {
<div className="flex h-screen flex-col py-3 text-black dark:text-white">
<div className="flex flex-1 flex-col rounded-3xl border border-neutral-800">
<p className="my-10 h-[74px] border-b border-neutral-900 text-center text-2xl font-semibold">
Oops! This account doesn't exist.
Oops! This account doesn&apos;t exist.
</p>
<p className="mb-5 text-center text-lg font-semibold">Try searching for another.</p>
<p className="mb-5 text-center text-lg font-semibold">
@@ -91,7 +91,7 @@ export const ProfileWrapper = () => {
onClick={clickEdit}
className="shadow-outer ml-auto flex h-[34px] cursor-pointer flex-row space-x-2 rounded-lg bg-white px-3 text-black shadow-[1px_1px_1px_1px_rgba(0,0,0,0.3)] hover:bg-black/10 dark:bg-[#222222] dark:text-white dark:hover:opacity-60"
>
<LaIcon name="UserCog" className="cursor-pointer text-neutral-200" />
<LaIcon name="UserCog" className="text-foreground cursor-pointer" />
<span>Edit Profile</span>
</Button>
</div>

View File

@@ -21,8 +21,8 @@
--destructive: 0 84.2% 60.2%;
--destructive-foreground: 0 0% 98%;
--border: 240 5.9% 90%;
--input: 240 5.9% 90%;
--result: 240 5.9% 96%;
--input: 240 5.9% 96%;
--result: 240 5.9% 96%;
--ring: 240 5.9% 10%;
--radius: 0.5rem;
--chart-1: 12 76% 61%;
@@ -51,8 +51,8 @@
--destructive: 0 62.8% 30.6%;
--destructive-foreground: 0 0% 98%;
--border: 240 3.7% 15.9%;
--input: 220 9% 10%;
--result: 0 0% 7%;
--input: 220 9% 10%;
--result: 0 0% 7%;
--ring: 240 4.9% 83.9%;
--chart-1: 220 70% 50%;
--chart-2: 160 60% 45%;

View File

@@ -3,7 +3,8 @@ import { Inter as FontSans } from "next/font/google"
import { cn } from "@/lib/utils"
import { ThemeProvider } from "@/lib/providers/theme-provider"
import "./globals.css"
import { JazzProvider } from "@/lib/providers/jazz-provider"
import { ClerkProviderClient } from "@/components/custom/clerk/clerk-provider-client"
import { JotaiProvider } from "@/lib/providers/jotai-provider"
import { Toaster } from "@/components/ui/sonner"
import { ConfirmProvider } from "@/lib/providers/confirm-provider"
@@ -25,8 +26,8 @@ export default function RootLayout({
}>) {
return (
<html lang="en" className="h-full w-full" suppressHydrationWarning>
<body className={cn("h-full w-full font-sans antialiased", fontSans.variable)}>
<JazzProvider>
<ClerkProviderClient>
<body className={cn("h-full w-full font-sans antialiased", fontSans.variable)}>
<ThemeProvider attribute="class" defaultTheme="system" enableSystem>
<JotaiProvider>
<ConfirmProvider>
@@ -35,8 +36,8 @@ export default function RootLayout({
</ConfirmProvider>
</JotaiProvider>
</ThemeProvider>
</JazzProvider>
</body>
</body>
</ClerkProviderClient>
</html>
)
}