mirror of
https://github.com/temetro/temetro.git
synced 2026-08-11 02:57:55 +00:00
Claude
1ecbd16404
Connects the UI-only app to the new backend over Better Auth + a small patient API client, replacing the in-memory fixture and placeholder identity. - Better Auth React client (lib/auth-client.ts) + shared access-control roles; API client (lib/api-client.ts) sending credentials cross-origin. - Designed (auth) route group: login, signup, verify-email, forgot/reset password, clinic onboarding, and accept-invite. - proxy.ts (this Next's renamed middleware) optimistic redirect + an authoritative client AppAuthGuard requiring a session and active clinic. - Real identity in nav-user (useSession + sign out); the unused team switcher repurposed as an organization (clinic) switcher; Care-team settings tab manages members and invitations. - lib/patients.ts now calls the org-scoped API (types unchanged); patients table and create/edit dialog updated for async create/update. - next.config: standalone output + Dockerfile for containerized runs. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
86 lines
2.3 KiB
TypeScript
86 lines
2.3 KiB
TypeScript
"use client";
|
|
|
|
import { useState } from "react";
|
|
|
|
import { cn } from "@/lib/utils";
|
|
import {
|
|
SettingsCard,
|
|
SettingsSection,
|
|
} from "@/components/settings/settings-parts";
|
|
import { SigningPanel } from "@/components/settings/settings-billing";
|
|
import { CareTeamPanel } from "@/components/settings/settings-care-team";
|
|
import { ProfilePanel } from "@/components/settings/settings-preferences";
|
|
|
|
const TABS = [
|
|
"Profile",
|
|
"Records",
|
|
"Signing",
|
|
"Care team",
|
|
"Developers",
|
|
] as const;
|
|
|
|
type Tab = (typeof TABS)[number];
|
|
|
|
function PlaceholderPanel({
|
|
title,
|
|
description,
|
|
}: {
|
|
title: string;
|
|
description: string;
|
|
}) {
|
|
return (
|
|
<SettingsSection description={description} title={title}>
|
|
<SettingsCard className="flex items-center justify-center p-12">
|
|
<p className="text-sm text-muted-foreground">Nothing here yet.</p>
|
|
</SettingsCard>
|
|
</SettingsSection>
|
|
);
|
|
}
|
|
|
|
export function SettingsView() {
|
|
const [tab, setTab] = useState<Tab>("Profile");
|
|
|
|
return (
|
|
<div className="mx-auto w-full max-w-3xl px-6 py-10">
|
|
<div className="flex flex-col gap-5 sm:flex-row sm:items-center sm:justify-between">
|
|
<h1 className="text-2xl font-semibold tracking-tight">{tab}</h1>
|
|
<nav className="flex flex-wrap items-center gap-1">
|
|
{TABS.map((item) => (
|
|
<button
|
|
className={cn(
|
|
"rounded-lg px-3 py-1.5 text-sm transition-colors",
|
|
tab === item
|
|
? "bg-muted text-foreground"
|
|
: "text-muted-foreground hover:text-foreground"
|
|
)}
|
|
key={item}
|
|
onClick={() => setTab(item)}
|
|
type="button"
|
|
>
|
|
{item}
|
|
</button>
|
|
))}
|
|
</nav>
|
|
</div>
|
|
|
|
<div className="mt-10 space-y-12">
|
|
{tab === "Profile" && <ProfilePanel />}
|
|
{tab === "Records" && (
|
|
<PlaceholderPanel
|
|
description="How patient records are sourced, stored, and displayed"
|
|
title="Records"
|
|
/>
|
|
)}
|
|
{tab === "Signing" && <SigningPanel />}
|
|
{tab === "Care team" && <CareTeamPanel />}
|
|
{tab === "Developers" && (
|
|
<PlaceholderPanel
|
|
description="Access tokens for the temetro API"
|
|
title="Developers"
|
|
/>
|
|
)}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|