mirror of
https://github.com/MBombeck/HealthLog.git
synced 2026-11-14 22:50:51 +00:00
Marc-André Bombeck
402ea90d45
Introduce a dedicated /settings/security section that gathers every account-protection control in one place: TOTP enrolment (QR plus manual secret, confirm, recovery codes shown once with copy and download), WebAuthn security keys as a second factor (register, list with last-used, rename, step-up-gated removal), recovery-code count and regeneration, and primary passkey management. The second-factor WebAuthn path keeps its own credential store, separate from primary passkeys, and uses non-resident keys so an account can hold many. Relying-party resolution is shared with the passkey path. A status endpoint backs the hub; the step-up gate now recognises a registered security key as an active second factor so a WebAuthn-only account can still reach the gated actions.
110 lines
2.9 KiB
TypeScript
110 lines
2.9 KiB
TypeScript
"use client";
|
|
|
|
/**
|
|
* `<SectionPlaceholder>` — the temporary body of every `/settings/[section]`
|
|
* route until the matching extraction PR lands.
|
|
*
|
|
* The shell + routing surface ship in PR A2-shell so reviewers can validate
|
|
* the URL structure in isolation. The follow-up PRs (A2-account, A2-about,
|
|
* A2-ai, A2-integrations, A2-notifications, A2-rest) replace this placeholder
|
|
* with the real content for each slug, copying from
|
|
* `src/app/settings/page.legacy.tsx`.
|
|
*/
|
|
|
|
import {
|
|
Bell,
|
|
Blocks,
|
|
Bot,
|
|
CalendarCheck,
|
|
Download,
|
|
FileHeart,
|
|
FlaskConical,
|
|
Info,
|
|
KeyRound,
|
|
Layers,
|
|
LayoutDashboard,
|
|
Link2,
|
|
Pill,
|
|
Radio,
|
|
Settings2,
|
|
Share2,
|
|
ShieldCheck,
|
|
SlidersHorizontal,
|
|
Smile,
|
|
Sparkles,
|
|
Thermometer,
|
|
TrendingUp,
|
|
User,
|
|
type LucideIcon,
|
|
} from "lucide-react";
|
|
|
|
import { EmptyState } from "@/components/ui/empty-state";
|
|
import { useTranslations } from "@/lib/i18n/context";
|
|
import type { SettingsSectionSlug } from "./section-slugs";
|
|
|
|
const SLUG_ICON: Record<SettingsSectionSlug, LucideIcon> = {
|
|
account: User,
|
|
security: ShieldCheck,
|
|
modules: Blocks,
|
|
integrations: Link2,
|
|
channels: Radio,
|
|
sources: Layers,
|
|
notifications: Bell,
|
|
layout: LayoutDashboard,
|
|
dashboard: LayoutDashboard,
|
|
insights: TrendingUp,
|
|
medications: Pill,
|
|
mood: Smile,
|
|
labs: FlaskConical,
|
|
illness: Thermometer,
|
|
vorsorge: CalendarCheck,
|
|
thresholds: SlidersHorizontal,
|
|
ai: Sparkles,
|
|
coach: Bot,
|
|
api: KeyRound,
|
|
gesundheitsakte: FileHeart,
|
|
sharing: Share2,
|
|
export: Download,
|
|
advanced: Settings2,
|
|
about: Info,
|
|
};
|
|
|
|
export interface SectionPlaceholderProps {
|
|
slug: SettingsSectionSlug;
|
|
}
|
|
|
|
export function SectionPlaceholder({ slug }: SectionPlaceholderProps) {
|
|
const { t } = useTranslations();
|
|
const Icon = SLUG_ICON[slug];
|
|
const sectionTitle = t(`settings.sections.${slug}.title`);
|
|
const sectionDescription = t(`settings.sections.${slug}.description`);
|
|
|
|
// v1.4.33 A4 — `<SectionPlaceholder>` is a defensive fallback for
|
|
// slugs added to SETTINGS_SECTION_SLUGS without a matching component.
|
|
// The type system blocks that path today, so the EmptyState body is
|
|
// effectively unreachable. We retire the dedicated locale key
|
|
// (`settings.sections.placeholder.coming_soon`) and inherit the
|
|
// section's own description so the guard still renders meaningful
|
|
// copy if it ever does fire — no more dead-string maintenance across
|
|
// six locale files.
|
|
return (
|
|
<section
|
|
aria-labelledby={`settings-section-${slug}-title`}
|
|
className="space-y-6"
|
|
>
|
|
<header className="space-y-1">
|
|
<h1 id={`settings-section-${slug}-title`} className="sr-only">
|
|
{sectionTitle}
|
|
</h1>
|
|
<p className="text-muted-foreground text-sm">{sectionDescription}</p>
|
|
</header>
|
|
|
|
<EmptyState
|
|
icon={<Icon className="size-6" />}
|
|
title={sectionTitle}
|
|
description={sectionDescription}
|
|
/>
|
|
</section>
|
|
);
|
|
}
|