40 lines
1.6 KiB
TypeScript
40 lines
1.6 KiB
TypeScript
"use client";
|
|
|
|
import { useCallback, useState } from "react";
|
|
import ConfirmDialog from "@/components/ConfirmDialog";
|
|
import useUnsavedGuard from "@/hooks/useUnsavedGuard";
|
|
import BasicIdentityPanel from "./BasicIdentityPanel";
|
|
import BrandSeoPanel from "./BrandSeoPanel";
|
|
import FooterLinksPanel from "./FooterLinksPanel";
|
|
import type { PublicSettings } from "@/lib/api";
|
|
|
|
export default function BasicSettings({ initial }: { initial: PublicSettings }) {
|
|
const [live, setLive] = useState(initial);
|
|
const [basicDirty, setBasicDirty] = useState(false);
|
|
const [brandDirty, setBrandDirty] = useState(false);
|
|
const [seoDirty, setSeoDirty] = useState(false);
|
|
const dirty = basicDirty || brandDirty || seoDirty;
|
|
const leave = useUnsavedGuard(dirty);
|
|
|
|
const onBasicDirty = useCallback((d: boolean) => setBasicDirty(d), []);
|
|
const onBrandDirty = useCallback((d: boolean) => setBrandDirty(d), []);
|
|
const onSeoDirty = useCallback((d: boolean) => setSeoDirty(d), []);
|
|
|
|
return (
|
|
<div className="admin-settings-stack">
|
|
<BasicIdentityPanel initial={live} onSaved={setLive} onDirtyChange={onBasicDirty} />
|
|
<BrandSeoPanel initial={live} onSaved={setLive} onDirtyChange={onBrandDirty} />
|
|
<FooterLinksPanel initial={live} onSaved={setLive} onDirtyChange={onSeoDirty} />
|
|
<ConfirmDialog
|
|
open={leave.leaveOpen}
|
|
title="有未保存的修改"
|
|
message="离开后，当前保存单元里尚未写入的修改会丢失。确定离开？"
|
|
confirmLabel="离开"
|
|
danger
|
|
onCancel={leave.cancelLeave}
|
|
onConfirm={leave.confirmLeave}
|
|
/>
|
|
</div>
|
|
);
|
|
}
|