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 { SelectField } from "../ui/select-field/SelectField.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 "./IssueReportPage.css";
|
||||
|
||||
|
|
@ -394,7 +395,9 @@ function IssueReportBody() {
|
|||
{error ? (
|
||||
<ApiErrorPanel context="failed to load the issues" problem={error} />
|
||||
) : null}
|
||||
{!error && loading ? <p>generating report…</p> : null}
|
||||
{!error && loading ? (
|
||||
<TableSkeleton columns={columns} label="the issues" />
|
||||
) : null}
|
||||
{!loading && rows ? (
|
||||
<Table
|
||||
columns={columns}
|
||||
|
|
|
|||
Loading…
Reference in a new issue