mirror of
https://github.com/MBombeck/HealthLog.git
synced 2026-11-09 13:01:00 +00:00
Marc-André Bombeck
33d7d103da
Introduce a shared SettingsSectionFrame (the settings twin of the admin renderer's SectionFrame) that emits the canonical visible heading + subheading, and route all 19 settings sections through it. Every settings page now shows a real h1 + subtitle in the reference Übersicht style instead of an invisible sr-only title; the section bodies drop their own headings and off-style intro paragraphs (the explanatory copy folds into the frame subtitle). - Route the admin About page through SectionFrame so it carries the same visible heading as every other admin section. - Rename the AI settings section from KI-Auswertung to KI-Anbieter across six locales: the page configures the provider and key, not an analysis. - Add a heading-block spacer to the settings and admin sidebars so the first menu item lines up with the top of the first card. - Remove the always-on core-domains card from Module: a tracking area that can't be turned off doesn't need listing. - Move the proactive-coach control out of Benachrichtigungen into Coach. - Move admin module availability out of the Coach section into its own page: it gates every module, not just the coach. - Give the Layout Insights editor a proper Insights heading. Adds settings.sections.<slug>.subtitle and the new admin keys across all six locales; removes the now-unused module core-domain strings.
60 lines
2.6 KiB
TypeScript
60 lines
2.6 KiB
TypeScript
"use client";
|
|
|
|
import { useAuth } from "@/hooks/use-auth";
|
|
import { LowStockCard } from "@/components/settings/low-stock-card";
|
|
import { MoodReminderCard } from "@/components/settings/mood-reminder-card";
|
|
|
|
/**
|
|
* `<NotificationsSection>` — Settings → Notifications ("Benachrichtigungen").
|
|
*
|
|
* v1.18.0 (S4) — the single module-gated home for reminder TYPES. Earlier the
|
|
* settings carried two near-identical entries: this Notifications screen and a
|
|
* separate "Erinnerungen" hub that only deep-linked into the canonical editors
|
|
* ("doppelt gemoppelt"). The hub is gone (its route 301-redirects here); the
|
|
* reminder TYPES now live centrally on this one screen.
|
|
*
|
|
* Each reminder-type card is shown ONLY when its module is enabled, read from
|
|
* the resolved `useAuth().user.modules` map (the same `/auth/me` map nav and
|
|
* Insights pills gate off). Mood → `mood`, low-stock runway → `medications`
|
|
* (a toggleable fail-open module since D3, so a missing key reads as enabled
|
|
* and a stale `/me` payload never blanks a card).
|
|
*
|
|
* v1.18.1 (D5) — the page is intentionally lean: the section blurb, the
|
|
* channels / inbox cross-links, and the embedded Vorsorge (preventive-care)
|
|
* editor were all removed. Vorsorge has its own `/vorsorge` page, so embedding
|
|
* it here was a duplicate. Delivery CHANNELS (Telegram / ntfy / Web Push /
|
|
* Webhook / Email) live under Settings → Integrations → Channels.
|
|
*
|
|
* v1.18.6 (W9) — the visible heading + subtitle now come from the shared
|
|
* `<SettingsSectionFrame>`. The proactive-Coach nudge card moved to Settings →
|
|
* Coach (it is a Coach setting, not a generic notification), so this screen
|
|
* carries the mood + low-stock reminder cards only.
|
|
*/
|
|
export function NotificationsSection() {
|
|
const { isAuthenticated, user } = useAuth();
|
|
|
|
// v1.18.0 (S4) — module-gated per-type visibility. Fail OPEN (`!== false`)
|
|
// so a stale `/me` payload without the module map keeps every card visible.
|
|
const moodEnabled = user?.modules?.mood !== false;
|
|
const medsEnabled = user?.modules?.medications !== false;
|
|
|
|
return (
|
|
<div className="space-y-6">
|
|
{/* Mood check-in reminder — only when the mood module is enabled. */}
|
|
{moodEnabled ? (
|
|
<div id="mood-reminder" className="scroll-mt-28">
|
|
<MoodReminderCard isAuthenticated={isAuthenticated} />
|
|
</div>
|
|
) : null}
|
|
|
|
{/* Medication low-stock runway — only when the medications module is
|
|
enabled (toggleable, fail-open, since D3). */}
|
|
{medsEnabled ? (
|
|
<div id="low-stock" className="scroll-mt-28">
|
|
<LowStockCard isAuthenticated={isAuthenticated} />
|
|
</div>
|
|
) : null}
|
|
</div>
|
|
);
|
|
}
|