添加家人绑定

2026-04-17 11:32:17 +08:00
parent 399bdf079b
commit 8c9d86e858
25 changed files with 2631 additions and 87 deletions
@@ -0,0 +1,106 @@
+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="/"
+              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="/"
+            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="/scan"
+            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>
+  );
+}