freefire
7a44c1f2cf
- 新增 urlStyle 工具与测试：postPath/userPath/sitePagePath 统一生成链接 - 管理端新增 UrlStylePanel 设置面板，settings 服务与 handler 适配 - 全站路由链接与 JSON-LD/sitemap 切换为统一 URL 生成 - middleware 与相关组件适配
44 lines
1.9 KiB
TypeScript
44 lines
1.9 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 UrlStylePanel from "./UrlStylePanel";
|
|
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 [urlStyleDirty, setUrlStyleDirty] = useState(false);
|
|
const dirty = basicDirty || brandDirty || seoDirty || urlStyleDirty;
|
|
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), []);
|
|
const onUrlStyleDirty = useCallback((d: boolean) => setUrlStyleDirty(d), []);
|
|
|
|
return (
|
|
<div className="admin-settings-stack">
|
|
<BasicIdentityPanel initial={live} onSaved={setLive} onDirtyChange={onBasicDirty} />
|
|
<BrandSeoPanel initial={live} onSaved={setLive} onDirtyChange={onBrandDirty} />
|
|
<UrlStylePanel initial={live} onSaved={setLive} onDirtyChange={onUrlStyleDirty} />
|
|
<FooterLinksPanel initial={live} onSaved={setLive} onDirtyChange={onSeoDirty} />
|
|
<ConfirmDialog
|
|
open={leave.leaveOpen}
|
|
title="有未保存的修改"
|
|
message="离开后，当前保存单元里尚未写入的修改会丢失。确定离开？"
|
|
confirmLabel="离开"
|
|
danger
|
|
onCancel={leave.cancelLeave}
|
|
onConfirm={leave.confirmLeave}
|
|
/>
|
|
</div>
|
|
);
|
|
}
|