makearmy-app/app/submit/settings/success/page.tsx

72 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,
}: {
searchParams?: Record<string, string | string[] | undefined>;
}) {
const sp = 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-9 w-9 rounded-full bg-green-600 text-white flex items-center justify-center"></div>
<h1 className="text-xl font-semibold">Submission received</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>
);
}