final user account polish
This commit is contained in:
parent
86fdd403b0
commit
aba6727306
3 changed files with 34 additions and 34 deletions
|
|
@ -20,16 +20,17 @@ const TARGET_LABEL: Record<Target, string> = {
|
|||
export default async function SuccessPage({
|
||||
searchParams,
|
||||
}: {
|
||||
// Next 15 types `searchParams` as a Promise
|
||||
searchParams: Promise<Record<string, string | string[] | undefined>>;
|
||||
searchParams?: Record<string, string | string[] | undefined>;
|
||||
}) {
|
||||
const sp = await searchParams;
|
||||
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 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];
|
||||
|
|
@ -38,20 +39,28 @@ export default async function SuccessPage({
|
|||
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 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}
|
||||
{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)}`}>
|
||||
<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="/">
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue