GovOPlaN/govoplan-scheduling
2
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Adopt shared WebUI layout primitives

Browse Source
This commit is contained in:
zemion
2026-08-18 11:30:40 +02:00
parent 25b4c0c2f6
commit 68855f6fad
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
webui/src/features/scheduling/SchedulingPage.tsx
+3 -2
View File
@@ -1,3 +1,4 @@
import { MetricGrid } from "@govoplan/core-webui";
import { useCallback, useEffect, useMemo, useRef, useState, type FormEvent } from "react"; import { useCallback, useEffect, useMemo, useRef, useState, type FormEvent } from "react";
import { useSearchParams } from "react-router"; import { useSearchParams } from "react-router";
import { import {
@@ -1702,12 +1703,12 @@ function ParticipationStats({
const rate = responseCount === null ? null : total ? Math.round((knownResponseCount / total) * 100) : 0; const rate = responseCount === null ? null : total ? Math.round((knownResponseCount / total) * 100) : 0;
return ( return (
<Card title={I18N.participation}> <Card title={I18N.participation}>
<div className="metric-grid inside"> <MetricGrid spacing="inset">
<MetricCard label={I18N.participants} value={total} /> <MetricCard label={I18N.participants} value={total} />
<MetricCard label={I18N.responses} value={loading ? "…" : responseCount ?? "—"} tone="good" /> <MetricCard label={I18N.responses} value={loading ? "…" : responseCount ?? "—"} tone="good" />
<MetricCard label={I18N.awaiting} value={loading ? "…" : awaiting ?? "—"} tone={awaiting ? "warning" : "neutral"} /> <MetricCard label={I18N.awaiting} value={loading ? "…" : awaiting ?? "—"} tone={awaiting ? "warning" : "neutral"} />
<MetricCard label={I18N.participationRate} value={loading ? "…" : rate === null ? "—" : `${rate}%`} tone="info" /> <MetricCard label={I18N.participationRate} value={loading ? "…" : rate === null ? "—" : `${rate}%`} tone="info" />
</div> </MetricGrid>
</Card> </Card>
); );
} }