swarm ui: the issue report shows a table skeleton while it loads
The report waited behind a bare line of text; the pull request report, the hives and the alerts already show their table's shape. Use the same TableSkeleton here.
This commit is contained in:
parent
73f875eab8
commit
c1d3b29710
1 changed files with 4 additions and 1 deletions
|
|
@ -37,6 +37,7 @@ import { LazyDisclosure } from "../ui/disclosure/LazyDisclosure.js";
|
||||||
import { CheckboxField } from "../ui/checkbox-field/CheckboxField.js";
|
import { CheckboxField } from "../ui/checkbox-field/CheckboxField.js";
|
||||||
import { SelectField } from "../ui/select-field/SelectField.js";
|
import { SelectField } from "../ui/select-field/SelectField.js";
|
||||||
import { Table, type TableColumn } from "../ui/table/Table.js";
|
import { Table, type TableColumn } from "../ui/table/Table.js";
|
||||||
|
import { TableSkeleton } from "../ui/table/TableSkeleton.js";
|
||||||
import { ALL_REPOS, reportUrl, repoOptions } from "./issue-report-repo.js";
|
import { ALL_REPOS, reportUrl, repoOptions } from "./issue-report-repo.js";
|
||||||
import "./IssueReportPage.css";
|
import "./IssueReportPage.css";
|
||||||
|
|
||||||
|
|
@ -394,7 +395,9 @@ function IssueReportBody() {
|
||||||
{error ? (
|
{error ? (
|
||||||
<ApiErrorPanel context="failed to load the issues" problem={error} />
|
<ApiErrorPanel context="failed to load the issues" problem={error} />
|
||||||
) : null}
|
) : null}
|
||||||
{!error && loading ? <p>generating report…</p> : null}
|
{!error && loading ? (
|
||||||
|
<TableSkeleton columns={columns} label="the issues" />
|
||||||
|
) : null}
|
||||||
{!loading && rows ? (
|
{!loading && rows ? (
|
||||||
<Table
|
<Table
|
||||||
columns={columns}
|
columns={columns}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue