mirror of
https://github.com/temetro/temetro.git
synced 2026-08-10 10:37:43 +00:00
Khalid Abdi
1d9b1b1d22
- settings: keep tab nav on its own row so "Developers" no longer wraps - chat: show the "Veil active" chip once per conversation, not every turn - chat: record cards only offer "Click for more" when they have detail - chat: chat-history panel (pill + sheet) top-left of the AI chat with "Start new chat"; rename sidebar "New chat" -> "Ask temetro" (Sparkles) - meetings: disable past dates, add an Upcoming Meetings list, and use the Empty component for empty days; scheduler can be pre-targeted via ?with - messages: add a call button left of each inbox row -> Meetings (?with) - toast: add a dismiss (x) button; call invites now ring 30s with "Accept" Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
81 lines
3.1 KiB
TypeScript
81 lines
3.1 KiB
TypeScript
"use client";
|
|
|
|
import { useState } from "react";
|
|
import { useTranslation } from "react-i18next";
|
|
|
|
import { cn } from "@/lib/utils";
|
|
import { AIPanel } from "@/components/settings/settings-ai";
|
|
import { SigningPanel } from "@/components/settings/settings-billing";
|
|
import { CareTeamPanel } from "@/components/settings/settings-care-team";
|
|
import { DevelopersPanel } from "@/components/settings/settings-developers";
|
|
import { IntegrationsPanel } from "@/components/settings/settings-integrations";
|
|
import { ProfilePanel } from "@/components/settings/settings-preferences";
|
|
import { RecordsPanel } from "@/components/settings/settings-records";
|
|
import { useActiveRole } from "@/lib/roles";
|
|
|
|
const TABS = [
|
|
{ id: "profile", labelKey: "settings.tabs.profile" },
|
|
{ id: "ai", labelKey: "settings.tabs.ai" },
|
|
{ id: "records", labelKey: "settings.tabs.records" },
|
|
{ id: "signing", labelKey: "settings.tabs.signing" },
|
|
{ id: "careTeam", labelKey: "settings.tabs.careTeam" },
|
|
{ id: "integrations", labelKey: "settings.tabs.integrations" },
|
|
{ id: "developers", labelKey: "settings.tabs.developers" },
|
|
] as const;
|
|
|
|
// Per-user tabs every clinician sees; the rest are clinic-wide (admin only).
|
|
const PERSONAL_TABS = ["profile", "ai"];
|
|
|
|
type Tab = (typeof TABS)[number]["id"];
|
|
|
|
export function SettingsView() {
|
|
const { t } = useTranslation();
|
|
const role = useActiveRole();
|
|
const [tab, setTab] = useState<Tab>("profile");
|
|
|
|
// Only clinic owners/admins manage clinic-wide settings (care team, records,
|
|
// signing, developers). Everyone else gets their personal tabs (profile, AI).
|
|
const isAdmin = role === "owner" || role === "admin";
|
|
const visibleTabs = isAdmin
|
|
? TABS
|
|
: TABS.filter((item) => PERSONAL_TABS.includes(item.id));
|
|
const activeTab = visibleTabs.some((item) => item.id === tab) ? tab : "profile";
|
|
|
|
return (
|
|
<div className="mx-auto w-full max-w-3xl px-6 py-10">
|
|
<div className="flex flex-col gap-4">
|
|
<h1 className="text-2xl font-semibold tracking-tight">
|
|
{t(`settings.tabs.${activeTab}`)}
|
|
</h1>
|
|
<nav className="-mx-1 flex flex-nowrap items-center gap-1 overflow-x-auto px-1 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden">
|
|
{visibleTabs.map((item) => (
|
|
<button
|
|
className={cn(
|
|
"shrink-0 rounded-lg px-3 py-1.5 text-sm transition-colors",
|
|
activeTab === item.id
|
|
? "bg-muted text-foreground"
|
|
: "text-muted-foreground hover:text-foreground"
|
|
)}
|
|
key={item.id}
|
|
onClick={() => setTab(item.id)}
|
|
type="button"
|
|
>
|
|
{t(item.labelKey)}
|
|
</button>
|
|
))}
|
|
</nav>
|
|
</div>
|
|
|
|
<div className="mt-10 space-y-12">
|
|
{activeTab === "profile" && <ProfilePanel />}
|
|
{activeTab === "ai" && <AIPanel />}
|
|
{activeTab === "records" && <RecordsPanel />}
|
|
{activeTab === "signing" && <SigningPanel />}
|
|
{activeTab === "careTeam" && <CareTeamPanel />}
|
|
{activeTab === "integrations" && <IntegrationsPanel />}
|
|
{activeTab === "developers" && <DevelopersPanel />}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|