63 lines
2 KiB
TypeScript
63 lines
2 KiB
TypeScript
// app/submit/settings/success/page.tsx
|
|
import Link from "next/link";
|
|
|
|
type Target = "settings_fiber" | "settings_co2gan" | "settings_co2gal" | "settings_uv";
|
|
|
|
const TARGET_TO_LIST: Record<Target, string> = {
|
|
settings_fiber: "/fiber-settings",
|
|
settings_co2gan: "/co2-gantry-settings",
|
|
settings_co2gal: "/co2-galvo-settings",
|
|
settings_uv: "/uv-settings",
|
|
};
|
|
|
|
const TARGET_LABEL: Record<Target, string> = {
|
|
settings_fiber: "Fiber",
|
|
settings_co2gan: "CO₂ Gantry",
|
|
settings_co2gal: "CO₂ Galvo",
|
|
settings_uv: "UV",
|
|
};
|
|
|
|
export default async function SuccessPage({
|
|
searchParams,
|
|
}: {
|
|
// Next 15 types `searchParams` as a Promise
|
|
searchParams: Promise<Record<string, string | string[] | undefined>>;
|
|
}) {
|
|
const sp = await searchParams;
|
|
|
|
const rawTarget = sp?.target;
|
|
const rawId = sp?.id;
|
|
|
|
const valid: Target[] = ["settings_fiber", "settings_co2gan", "settings_co2gal", "settings_uv"];
|
|
const t: Target = (valid.includes(rawTarget as Target) ? (rawTarget as Target) : "settings_fiber");
|
|
|
|
const id = Array.isArray(rawId) ? rawId[0] : rawId || "";
|
|
const listHref = TARGET_TO_LIST[t];
|
|
const label = TARGET_LABEL[t];
|
|
|
|
return (
|
|
<div className="max-w-2xl mx-auto py-10 space-y-6">
|
|
<div className="flex items-center gap-3">
|
|
<div className="h-10 w-10 rounded-full bg-green-600 text-white flex items-center justify-center">✓</div>
|
|
<h1 className="text-2xl font-semibold">Settings submitted!</h1>
|
|
</div>
|
|
|
|
<p className="text-base">
|
|
Your {label} submission has been received.
|
|
{id ? <> Reference ID: <span className="font-mono">{id}</span>.</> : null}
|
|
</p>
|
|
|
|
<div className="flex flex-wrap gap-3">
|
|
<Link className="px-3 py-2 rounded border" href={listHref}>
|
|
View {label} database
|
|
</Link>
|
|
<Link className="px-3 py-2 rounded border" href={`/submit/settings?target=${encodeURIComponent(t)}`}>
|
|
Submit another
|
|
</Link>
|
|
<Link className="px-3 py-2 rounded border" href="/">
|
|
Home
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|