mirror of
https://github.com/MBombeck/HealthLog.git
synced 2026-11-10 05:12:14 +00:00
Marc-André Bombeck
1a5b09a73c
Every connection in Settings renders the same card from the server's health field: a badge with one word, one sentence per reason, the newest data as a meta line, a collapsed details block whose text is exactly what the copy button copies, and an action row with the rare actions in a menu and at most one primary button. The per-provider banners, the raw provider error line, the token expiry, the failure counter and the button rows are gone; every capability they carried is reachable from the sentence, the one button, the menu or the details. The managed-profile view renders the same card, read-only. A structural guard keeps the cards off the retired fields.
69 lines
2.2 KiB
TypeScript
69 lines
2.2 KiB
TypeScript
"use client";
|
|
|
|
/**
|
|
* The catch-all row — no envelope entry renders nowhere.
|
|
*
|
|
* A provider whose Settings card was removed kept its sync cron, its ledger
|
|
* row and its block on the status envelope, and lost the only surface that
|
|
* could have shown it dying. It then stopped syncing for a month and nothing,
|
|
* anywhere, said so.
|
|
*
|
|
* This row closes the class rather than the instance: the connections panel
|
|
* iterates the envelope and renders this for every configured entry no bespoke
|
|
* card claims. Adding a provider to the envelope without a card now produces a
|
|
* visible row instead of a silent JSON block, and a structural test pins that
|
|
* nothing can go unrendered.
|
|
*
|
|
* Read-only by design. A deliberately dropped integration does not get its
|
|
* management surface back; it gets an honest status.
|
|
*/
|
|
|
|
import { Plug } from "lucide-react";
|
|
|
|
import { useTranslations } from "@/lib/i18n/context";
|
|
|
|
import { IntegrationCard } from "./integration-card";
|
|
import type { IntegrationKey, IntegrationStatusViewModel } from "./shared";
|
|
|
|
/**
|
|
* Display names, mirroring the server-side `INTEGRATION_LABELS`. Only the
|
|
* card-less keys can ever reach this row, but the map stays complete so a
|
|
* future drop needs no edit here.
|
|
*/
|
|
export const INTEGRATION_DISPLAY_NAMES: Record<IntegrationKey, string> = {
|
|
withings: "Withings",
|
|
whoop: "WHOOP",
|
|
fitbit: "Fitbit",
|
|
nightscout: "Nightscout",
|
|
polar: "Polar",
|
|
oura: "Oura",
|
|
"google-health": "Google Health",
|
|
strava: "Strava",
|
|
};
|
|
|
|
/**
|
|
* The same card every integration renders, read-only: the server's health,
|
|
* its sentence and its details, and no menu, because a dropped integration
|
|
* does not get its management surface back.
|
|
*/
|
|
export function IntegrationFallbackRow({
|
|
status,
|
|
}: {
|
|
status: IntegrationStatusViewModel;
|
|
}) {
|
|
const { t } = useTranslations();
|
|
const name =
|
|
INTEGRATION_DISPLAY_NAMES[status.integration] ?? status.integration;
|
|
return (
|
|
<IntegrationCard
|
|
provider={status.integration}
|
|
providerName={name}
|
|
icon={Plug}
|
|
description={t("settings.integrationFallback.description")}
|
|
connected={(status.connected ?? status.configured) === true}
|
|
health={status.health ?? null}
|
|
testId="integration-fallback-row"
|
|
/>
|
|
);
|
|
}
|