fix: use real settings data boundaries

This commit is contained in:
2026-07-02 19:53:41 -07:00
parent 1cdf89c608
commit 5412bbb143
14 changed files with 414 additions and 170 deletions

View File

@@ -1,8 +1,7 @@
import type { LucideIcon } from "lucide-react";
import { Database, ExternalLink } from "lucide-react";
import { Database } from "lucide-react";
import { Badge } from "@/components/ui/badge";
import { LinkButton } from "@/components/ui/button";
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
type ModulePageProps = {
@@ -13,12 +12,6 @@ type ModulePageProps = {
phase: "待接入" | "二期预留" | "三期预留";
};
const realWorkspaceLinks = [
{ href: "/app/dashboard", label: "运营看板" },
{ href: "/app/elders", label: "老人档案" },
{ href: "/app/beds", label: "床位房间" },
];
export function ModulePage({ title, eyebrow, description, icon: Icon, phase }: ModulePageProps): React.ReactElement {
return (
<div className="mx-auto flex w-full max-w-7xl flex-col gap-6">
@@ -38,45 +31,19 @@ export function ModulePage({ title, eyebrow, description, icon: Icon, phase }: M
</div>
</section>
<section className="grid gap-4 lg:grid-cols-[minmax(0,1fr)_24rem]">
<Card>
<section>
<Card className="max-w-3xl">
<CardHeader>
<CardTitle className="flex items-center gap-2 text-base">
<Database className="size-5 text-primary" aria-hidden="true" />
</CardTitle>
<CardDescription></CardDescription>
<CardDescription></CardDescription>
</CardHeader>
<CardContent>
<dl className="grid gap-3 text-sm">
<div className="flex items-center justify-between gap-4 border-b pb-3">
<dt className="text-muted-foreground"></dt>
<dd className="font-medium"></dd>
</div>
<div className="flex items-center justify-between gap-4 border-b pb-3">
<dt className="text-muted-foreground"></dt>
<dd className="font-medium"></dd>
</div>
<div className="flex items-center justify-between gap-4">
<dt className="text-muted-foreground"></dt>
<dd className="font-medium"></dd>
</div>
</dl>
</CardContent>
</Card>
<Card>
<CardHeader>
<CardTitle className="text-base"></CardTitle>
<CardDescription></CardDescription>
</CardHeader>
<CardContent className="grid gap-2">
{realWorkspaceLinks.map((link) => (
<LinkButton className="w-full justify-between" href={link.href} key={link.href} variant="outline">
{link.label}
<ExternalLink className="size-4" aria-hidden="true" />
</LinkButton>
))}
<p className="text-sm text-muted-foreground">
Drizzle API
</p>
</CardContent>
</Card>
</section>