Adopt shared WebUI layout primitives
This commit is contained in:
@@ -1,3 +1,4 @@
|
|||||||
|
import { MetricGrid } from "@govoplan/core-webui";
|
||||||
import { useEffect, useMemo, useState } from "react";
|
import { useEffect, useMemo, useState } from "react";
|
||||||
import {
|
import {
|
||||||
AdminPageLayout,
|
AdminPageLayout,
|
||||||
@@ -231,12 +232,12 @@ export default function SearchAdminPanel({ settings }: Props) {
|
|||||||
</>
|
</>
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
<div className="metric-grid">
|
<MetricGrid>
|
||||||
<MetricCard label="Search sources" value={rows.length} tone="neutral" />
|
<MetricCard label="Search sources" value={rows.length} tone="neutral" />
|
||||||
<MetricCard label="Pending changes" value={pending} tone={pending ? "warning" : "good"} />
|
<MetricCard label="Pending changes" value={pending} tone={pending ? "warning" : "good"} />
|
||||||
<MetricCard label="Quarantined" value={quarantined} tone={quarantined ? "danger" : "good"} />
|
<MetricCard label="Quarantined" value={quarantined} tone={quarantined ? "danger" : "good"} />
|
||||||
<MetricCard label="Backend" value={diagnostics?.backend ?? "-"} tone="neutral" />
|
<MetricCard label="Backend" value={diagnostics?.backend ?? "-"} tone="neutral" />
|
||||||
</div>
|
</MetricGrid>
|
||||||
|
|
||||||
{quarantined > 0 && (
|
{quarantined > 0 && (
|
||||||
<DismissibleAlert tone="warning" dismissible={false} compact>
|
<DismissibleAlert tone="warning" dismissible={false} compact>
|
||||||
|
|||||||
Reference in New Issue
Block a user