mirror of
https://github.com/MBombeck/HealthLog.git
synced 2026-11-14 06:40:50 +00:00
Marc-André Bombeck
a8b61abf6f
The card carried a four-sentence non-medical notice at the top of the cycle on-ramp. It goes, at the maintainer's decision. The goal-specific caveat on the prediction surface is untouched: a profile set to avoid pregnancy still gets the stronger "not a contraceptive method" copy, which is chosen server-side by goal and shared with the native client, so nothing about that path changes here. Removes the key from all six locales and the now-unused icon import.
101 lines
3.4 KiB
TypeScript
101 lines
3.4 KiB
TypeScript
"use client";
|
|
|
|
import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
|
|
import Link from "next/link";
|
|
import { CalendarHeart } from "lucide-react";
|
|
|
|
import { Button } from "@/components/ui/button";
|
|
import { Label } from "@/components/ui/label";
|
|
import { Switch } from "@/components/ui/switch";
|
|
import { SettingsCard } from "@/components/settings/settings-card";
|
|
import { SettingsCardHeader } from "@/components/settings/_card-header";
|
|
import { useTranslations } from "@/lib/i18n/context";
|
|
import { queryKeys } from "@/lib/query-keys";
|
|
import { apiGet, apiPatch } from "@/lib/api/api-fetch";
|
|
|
|
/**
|
|
* v1.15.0 — the cycle-tracking enable on-ramp.
|
|
*
|
|
* The cycle vertical auto-enables for accounts set to female (gender-derived
|
|
* default), but everyone else needs a way IN: the gated `/cycle` page bounces
|
|
* them home and the in-page settings (where the goal/prefs live) sit behind
|
|
* that same gate. This card reads the UNGATED `/api/auth/me/cycle-prefs` so any
|
|
* account can flip `cycleTrackingEnabled` on (or a female account can opt out)
|
|
* before the gated page is reachable. PATCHes the same prefs route the iOS app
|
|
* uses; invalidates the nav gate so the sidebar/bottom-nav entry appears.
|
|
*/
|
|
|
|
interface CyclePrefsShape {
|
|
cycleTrackingEnabled: boolean;
|
|
}
|
|
|
|
export function CycleTrackingCard({
|
|
isAuthenticated,
|
|
}: {
|
|
isAuthenticated: boolean;
|
|
}) {
|
|
const { t } = useTranslations();
|
|
const queryClient = useQueryClient();
|
|
|
|
const { data } = useQuery({
|
|
queryKey: queryKeys.cyclePrefs(),
|
|
enabled: isAuthenticated,
|
|
queryFn: async () => {
|
|
return apiGet<CyclePrefsShape>("/api/auth/me/cycle-prefs");
|
|
},
|
|
});
|
|
|
|
const toggle = useMutation({
|
|
mutationFn: async (enabled: boolean) => {
|
|
return apiPatch<CyclePrefsShape>("/api/auth/me/cycle-prefs", { enabled });
|
|
},
|
|
onSuccess: () => {
|
|
void queryClient.invalidateQueries({ queryKey: queryKeys.cyclePrefs() });
|
|
void queryClient.invalidateQueries({ queryKey: queryKeys.cycle() });
|
|
// The nav gate reads the resolved enable state off /auth/me.
|
|
void queryClient.invalidateQueries({ queryKey: queryKeys.authMe() });
|
|
},
|
|
});
|
|
|
|
const enabled = data?.cycleTrackingEnabled ?? false;
|
|
|
|
return (
|
|
<SettingsCard>
|
|
<SettingsCardHeader
|
|
icon={CalendarHeart}
|
|
title={t("settings.cycleTracking.title")}
|
|
description={t("settings.cycleTracking.description")}
|
|
/>
|
|
<div className="mt-4 space-y-4 pl-7">
|
|
<div className="flex items-start justify-between gap-4">
|
|
<Label htmlFor="cycle-tracking-enable" className="text-sm">
|
|
{t("settings.cycleTracking.enable")}
|
|
</Label>
|
|
<Switch
|
|
id="cycle-tracking-enable"
|
|
checked={enabled}
|
|
disabled={toggle.isPending || data == null}
|
|
onCheckedChange={(v) => toggle.mutate(v)}
|
|
className="mt-0.5 shrink-0"
|
|
/>
|
|
</div>
|
|
{enabled ? (
|
|
<Button
|
|
variant="outline"
|
|
size="sm"
|
|
className="min-h-11 sm:min-h-9"
|
|
asChild
|
|
>
|
|
<Link href="/cycle">{t("settings.cycleTracking.manage")}</Link>
|
|
</Button>
|
|
) : null}
|
|
{toggle.isError ? (
|
|
<p className="text-destructive text-sm" role="alert">
|
|
{t("settings.cycleTracking.error")}
|
|
</p>
|
|
) : null}
|
|
</div>
|
|
</SettingsCard>
|
|
);
|
|
}
|