Add FAQ guide and contextual help links

This commit is contained in:
2026-08-05 15:46:06 +02:00
parent 33f0170927
commit 3b6f35e31a
11 changed files with 388 additions and 48 deletions
+7 -1
View File
@@ -9,6 +9,7 @@ import { Input } from "@/components/ui/input";
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table";
import { CopyTicketButton } from "@/components/CopyTicketButton";
import { HelpLink } from "@/components/HelpLink";
import { getPeriodOverview } from "../api";
import { currentDay, currentMonth, formatMinutes } from "../format";
import type { PeriodOverview, PeriodType, TicketSummary } from "../types";
@@ -519,7 +520,10 @@ export function AnalysisPage({ onNavigate }: AnalysisPageProps) {
{periodType === "month" ? "Aufwand pro Tag im ausgewählten Monat." : "Aufwand pro Stunde am ausgewählten Tag."}
</CardDescription>
</div>
<Badge variant="outline">{formatMinutes(totals?.minutes ?? 0)}</Badge>
<div className="flex items-center gap-2">
<Badge variant="outline">{formatMinutes(totals?.minutes ?? 0)}</Badge>
<HelpLink anchor="auswertung" label="Hilfe zur Auswertung" />
</div>
</CardHeader>
<CardContent className="px-4 pb-4">
<div className="h-44 w-full overflow-hidden rounded-md border bg-background">
@@ -605,6 +609,7 @@ export function AnalysisPage({ onNavigate }: AnalysisPageProps) {
{periodType === "month" ? "Sessions prüfen, bewerten und bei Bedarf Tickets öffnen." : "Tagesansicht ohne eigenen Abschluss."}
</CardDescription>
</div>
<HelpLink anchor="auswertung" label="Hilfe zu Tickets im Zeitraum" />
</CardHeader>
<CardContent className="px-4 pb-4">
<div className="mb-4 rounded-md border bg-muted/20 p-3">
@@ -618,6 +623,7 @@ export function AnalysisPage({ onNavigate }: AnalysisPageProps) {
</p>
</div>
{activeFilterCount > 0 ? <Badge variant="outline">{activeFilterCount} aktiv</Badge> : null}
<HelpLink anchor="auswertung" label="Hilfe zu Filtern und Sortierung" />
</div>
<Button
type="button"