2436dd9cac
Mobile-first Web-App fuer persoenliches Health-, Ernaehrungs-, Aktivitaets- und Einkaufs-Tracking im Home-Lab-Betrieb. Stack: pnpm Monorepo - Next.js 16 + React 19 + Tailwind (apps/admin) - Hono + tRPC + Better Auth mit 2FA und Passkeys (packages/api) - PostgreSQL + Drizzle ORM (packages/db) - Docker fuer Postgres und pgAdmin. Module: - Auth mit Login, 2FA (TOTP + Backup-Codes), Passkeys und Admin-Recovery - Tagesansicht mit Essen, Trinken, Gewicht, Aktivitaeten und Coach-Hinweisen - Lebensmittelkatalog mit Naehrwerten, Portionen, OCR/Barcode/Open Food Facts - Rezepte mit Live-Naehrwertberechnung und Community-Vorschlaegen - Essensplanung und Wochenbudget mit Sportbonus - Einkaufslisten mit Maerkten und Laufweg-Sortierung - Hellfireclub mit Aktivitaetspunkten und gemeinsamer Aktivitaetsplanung - Wearables-Vorbereitung (Fitbit / Google Fit / Health Connect) Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
31 lines
1.1 KiB
TypeScript
31 lines
1.1 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { usePathname } from "next/navigation";
|
|
import { QuestionMarkCircleIcon } from "@heroicons/react/24/outline";
|
|
|
|
const HELP_BASE_URL = (process.env.NEXT_PUBLIC_HELP_URL ?? "").replace(/\/$/, "");
|
|
|
|
function guessHelpTopicFromPath(pathname: string) {
|
|
const segment = pathname.split("/").filter(Boolean)[0];
|
|
return segment || "dashboard";
|
|
}
|
|
|
|
export function HelpLink({ topicOverride }: { topicOverride?: string }) {
|
|
const pathname = usePathname();
|
|
const topic = topicOverride ?? guessHelpTopicFromPath(pathname || "/");
|
|
const href = HELP_BASE_URL ? `${HELP_BASE_URL}/t/${encodeURIComponent(topic)}` : `/einstellungen`;
|
|
|
|
return (
|
|
<Link
|
|
href={href}
|
|
target={HELP_BASE_URL ? "_blank" : undefined}
|
|
rel={HELP_BASE_URL ? "noreferrer" : undefined}
|
|
title="Hilfe zu diesem Bereich"
|
|
aria-label="Hilfe zu diesem Bereich"
|
|
className="inline-flex items-center justify-center rounded-md border border-gray-200 bg-white p-1.5 text-gray-500 transition-colors hover:border-[#0F766E] hover:text-[#0F766E]"
|
|
>
|
|
<QuestionMarkCircleIcon className="h-5 w-5" />
|
|
</Link>
|
|
);
|
|
}
|