0ct0pu5/pangolin
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update site

Browse source
This commit is contained in:
Owen Schwartz 2024-10-19 13:11:34 -04:00
parent 474bc7997e
commit 23fa2399de
No known key found for this signature in database
GPG key ID: 8271FDFFD9E0CCBD
3 changed files with 65 additions and 50 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

54
src/app/[orgId]/sites/[niceId]/components/ClientLayout.tsx Normal file
View file

@ -0,0 +1,54 @@
"use client";
import { SidebarNav } from "@app/components/sidebar-nav";
import { useSiteContext } from "@app/hooks/useSiteContext";
const sidebarNavItems = [
{
title: "Profile",
href: "/{orgId}/sites/{niceId}",
},
{
title: "Appearance",
href: "/{orgId}/sites/{niceId}/appearance",
},
{
title: "Notifications",
href: "/{orgId}/sites/{niceId}/notifications",
},
{
title: "Display",
href: "/{orgId}/sites/{niceId}/display",
},
];
export function ClientLayout({ isCreate, children }: { isCreate: boolean; children: React.ReactNode }) {
const { site } = useSiteContext();
return (<div className="hidden space-y-6 0 pb-16 md:block">
<div className="space-y-0.5">
<h2 className="text-2xl font-bold tracking-tight">
{isCreate
? "New Site"
: site?.name + " Settings"}
</h2>
<p className="text-muted-foreground">
{isCreate
? "Create a new site"
: "Configure the settings on your site: " +
site?.name || ""}
.
</p>
</div>
<div className="flex flex-col space-y-6 lg:flex-row lg:space-x-12 lg:space-y-0">
<aside className="-mx-4 lg:w-1/5">
<SidebarNav
items={sidebarNavItems}
disabled={isCreate}
/>
</aside>
<div className="flex-1 lg:max-w-2xl">
{children}
</div>
</div>
</div>);
}

53
src/app/[orgId]/sites/[niceId]/layout.tsx
View file

@ -13,31 +13,13 @@ import Link from "next/link";
import { ArrowLeft, ChevronLeft } from "lucide-react";
import { useEffect, useState } from "react";
import { toast } from "@app/hooks/use-toast";
import { ClientLayout } from "./components/ClientLayout";
export const metadata: Metadata = {
title: "Forms",
description: "Advanced form example using react-hook-form and Zod.",
};
const sidebarNavItems = [
{
title: "Profile",
href: "/{orgId}/sites/{niceId}",
},
{
title: "Appearance",
href: "/{orgId}/sites/{niceId}/appearance",
},
{
title: "Notifications",
href: "/{orgId}/sites/{niceId}/notifications",
},
{
title: "Display",
href: "/{orgId}/sites/{niceId}/display",
},
];
interface SettingsLayoutProps {
children: React.ReactNode;
params: { niceId: string; orgId: string };
@ -88,33 +70,12 @@ export default async function SettingsLayout({
</Link>
</div>
<div className="hidden space-y-6 0 pb-16 md:block">
<div className="space-y-0.5">
<h2 className="text-2xl font-bold tracking-tight">
{params.niceId == "create"
? "New Site"
: site?.name + " Settings" || "Site Settings"}
</h2>
<p className="text-muted-foreground">
{params.niceId == "create"
? "Create a new site"
: "Configure the settings on your site: " +
site?.name || ""}
.
</p>
</div>
<div className="flex flex-col space-y-6 lg:flex-row lg:space-x-12 lg:space-y-0">
<aside className="-mx-4 lg:w-1/5">
<SidebarNav
items={sidebarNavItems}
disabled={params.niceId == "create"}
/>
</aside>
<div className="flex-1 lg:max-w-2xl">
<SiteProvider site={site}>{children}</SiteProvider>
</div>
</div>
</div>
<SiteProvider site={site}>
<ClientLayout
isCreate={params.niceId === "create"}
>
{children}
</ClientLayout></SiteProvider>
</>
);
}

8
src/app/[orgId]/sites/[niceId]/page.tsx
View file

@ -8,23 +8,23 @@ export default function SettingsProfilePage({
}: {
params: { niceId: string };
}) {
const isCreateForm = params.niceId === "create";
const isCreate = params.niceId === "create";
return (
<div className="space-y-6">
<div>
<h3 className="text-lg font-medium">
{isCreateForm ? "Create Site" : "Profile"}
{isCreate ? "Create Site" : "Profile"}
</h3>
<p className="text-sm text-muted-foreground">
{isCreateForm
{isCreate
? "Create a new site for your profile."
: "This is how others will see you on the site."}
</p>
</div>
<Separator />
{isCreateForm ? <CreateSiteForm /> : <GeneralForm />}
{isCreate ? <CreateSiteForm /> : <GeneralForm />}
</div>
);
}