fixup! swarm-ui: shared Hint, ActionRow, Toolbar, EmptyState, ExternalLink and ExpandableCard replace per-page copies
This commit is contained in:
parent
8a2e5203ad
commit
2b53fcd742
3 changed files with 31 additions and 18 deletions
|
|
@ -38,7 +38,7 @@ import { ActionRow } from "../ui/action-row/ActionRow.js";
|
|||
import { EmptyState } from "../ui/empty-state/EmptyState.js";
|
||||
import {
|
||||
ExpandableCard,
|
||||
ExpandableCardSkeleton,
|
||||
ExpandableCardListSkeleton,
|
||||
} from "../ui/expandable-card/ExpandableCard.js";
|
||||
import { ExternalLink } from "../ui/external-link/ExternalLink.js";
|
||||
import { Hint, type HintTone } from "../ui/hint/Hint.js";
|
||||
|
|
@ -653,7 +653,7 @@ export function ComponentsPage() {
|
|||
>
|
||||
<Hint>The body appears while the card is open.</Hint>
|
||||
</ExpandableCard>
|
||||
<ExpandableCardSkeleton />
|
||||
<ExpandableCardListSkeleton label="the builds" count={1} />
|
||||
</Sample>
|
||||
</Section>
|
||||
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@ import { Badge } from "@hive/shared/badge.js";
|
|||
import { EmptyState } from "../../ui/empty-state/EmptyState.js";
|
||||
import {
|
||||
ExpandableCard,
|
||||
ExpandableCardSkeleton,
|
||||
ExpandableCardListSkeleton,
|
||||
} from "../../ui/expandable-card/ExpandableCard.js";
|
||||
import { Hint } from "../../ui/hint/Hint.js";
|
||||
import { Toolbar } from "../../ui/toolbar/Toolbar.js";
|
||||
|
|
@ -163,11 +163,7 @@ function BuildsBody() {
|
|||
) : null}
|
||||
<div class="ui-builds-list">
|
||||
{runs === null && !error ? (
|
||||
<>
|
||||
<ExpandableCardSkeleton />
|
||||
<ExpandableCardSkeleton />
|
||||
<ExpandableCardSkeleton />
|
||||
</>
|
||||
<ExpandableCardListSkeleton label="the builds" />
|
||||
) : null}
|
||||
{(runs ?? []).map((run) => (
|
||||
<BuildCard
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@ import { EmptyState } from "../../ui/empty-state/EmptyState.js";
|
|||
import { ExternalLink } from "../../ui/external-link/ExternalLink.js";
|
||||
import {
|
||||
ExpandableCard,
|
||||
ExpandableCardSkeleton,
|
||||
ExpandableCardListSkeleton,
|
||||
} from "../../ui/expandable-card/ExpandableCard.js";
|
||||
import { Hint } from "../../ui/hint/Hint.js";
|
||||
import { Panel } from "../../ui/panel/Panel.js";
|
||||
|
|
@ -141,11 +141,7 @@ export function ReviewRuns() {
|
|||
) : null}
|
||||
<div class="ui-runs-list">
|
||||
{runs === null && !error ? (
|
||||
<>
|
||||
<ExpandableCardSkeleton metaOnOwnRow />
|
||||
<ExpandableCardSkeleton metaOnOwnRow />
|
||||
<ExpandableCardSkeleton metaOnOwnRow />
|
||||
</>
|
||||
<ExpandableCardListSkeleton label="the runs" metaOnOwnRow />
|
||||
) : null}
|
||||
{(runs ?? []).map((run) => (
|
||||
<RunCard
|
||||
|
|
|
|||
Loading…
Reference in a new issue