106 lines
4.1 KiB
TypeScript
106 lines
4.1 KiB
TypeScript
import Link from "next/link";
|
||
import { redirect } from "next/navigation";
|
||
|
||
import { bindDeviceToCaregiver } from "@/lib/monitor-data";
|
||
import {
|
||
buildCaregiverSessionBootstrapPath,
|
||
getCaregiverSession,
|
||
} from "@/lib/session";
|
||
|
||
export const dynamic = "force-dynamic";
|
||
|
||
type BindPageProps = {
|
||
searchParams: Promise<Record<string, string | string[] | undefined>>;
|
||
};
|
||
|
||
export default async function BindPage({ searchParams }: BindPageProps) {
|
||
const params = await searchParams;
|
||
const rawDeviceValue =
|
||
typeof params.deviceUuid === "string"
|
||
? params.deviceUuid
|
||
: typeof params.device === "string"
|
||
? params.device
|
||
: "";
|
||
|
||
if (!rawDeviceValue) {
|
||
return (
|
||
<main className="mx-auto flex min-h-screen max-w-3xl items-center px-4 py-8 sm:px-6">
|
||
<section className="w-full rounded-[36px] border border-white/70 bg-white/82 p-8 text-center shadow-[0_30px_70px_rgba(115,76,42,0.14)] backdrop-blur">
|
||
<p className="text-sm font-medium tracking-[0.18em] text-[var(--copper)] uppercase">
|
||
连接家人设备
|
||
</p>
|
||
<h1 className="mt-4 font-[family-name:var(--font-display)] text-4xl text-[var(--ink)]">
|
||
还没有收到设备码
|
||
</h1>
|
||
<p className="mt-4 text-base leading-8 text-[var(--muted)]">
|
||
请让老人打开家人连接页，把二维码给您扫一下，或者把设备码复制过来。
|
||
</p>
|
||
<div className="mt-6 flex justify-center gap-3">
|
||
<Link
|
||
href="/scan"
|
||
className="inline-flex h-12 items-center justify-center rounded-full bg-[var(--copper)] px-5 text-sm font-semibold text-white transition hover:bg-[var(--copper-deep)]"
|
||
>
|
||
去扫码
|
||
</Link>
|
||
<Link
|
||
href="/devices"
|
||
className="inline-flex h-12 items-center justify-center rounded-full border border-[var(--line)] bg-[var(--paper-soft)] px-5 text-sm font-semibold text-[var(--ink)] transition hover:bg-white"
|
||
>
|
||
回到设备页
|
||
</Link>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
);
|
||
}
|
||
|
||
const caregiver = await getCaregiverSession();
|
||
|
||
if (!caregiver) {
|
||
redirect(
|
||
buildCaregiverSessionBootstrapPath(
|
||
`/bind?deviceUuid=${encodeURIComponent(rawDeviceValue)}`,
|
||
),
|
||
);
|
||
}
|
||
|
||
const device = await bindDeviceToCaregiver(caregiver.id, rawDeviceValue);
|
||
|
||
return (
|
||
<main className="mx-auto flex min-h-screen max-w-3xl items-center px-4 py-8 sm:px-6">
|
||
<section className="w-full rounded-[36px] border border-white/70 bg-white/84 p-8 shadow-[0_30px_70px_rgba(115,76,42,0.14)] backdrop-blur">
|
||
<p className="text-sm font-medium tracking-[0.18em] text-[var(--copper)] uppercase">
|
||
绑定完成
|
||
</p>
|
||
<h1 className="mt-4 font-[family-name:var(--font-display)] text-4xl text-[var(--ink)]">
|
||
这位老人已经连到当前家属账号
|
||
</h1>
|
||
<p className="mt-4 text-base leading-8 text-[var(--muted)]">
|
||
现在您可以在控制台查看老人给家里的留言、最近陪伴记录，也能马上给老人写下一句问候。
|
||
</p>
|
||
|
||
<div className="mt-6 rounded-[28px] bg-[var(--paper-soft)] p-5">
|
||
<p className="text-sm text-[var(--muted)]">设备 UUID</p>
|
||
<p className="mt-2 break-all text-lg font-semibold text-[var(--ink)]">
|
||
{device.deviceUuid}
|
||
</p>
|
||
</div>
|
||
|
||
<div className="mt-6 flex flex-wrap gap-3">
|
||
<Link
|
||
href={`/devices/${device.deviceUuid}`}
|
||
className="inline-flex h-12 items-center justify-center rounded-full bg-[var(--copper)] px-5 text-sm font-semibold text-white transition hover:bg-[var(--copper-deep)]"
|
||
>
|
||
打开这台设备页
|
||
</Link>
|
||
<Link
|
||
href="/devices"
|
||
className="inline-flex h-12 items-center justify-center rounded-full border border-[var(--line)] bg-white px-5 text-sm font-semibold text-[var(--ink)] transition hover:bg-[var(--paper-soft)]"
|
||
>
|
||
查看全部设备
|
||
</Link>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
);
|
||
} |