swarm-ui: format the allowed-domains badge row
This commit is contained in:
parent
c5eb13f826
commit
e70560c0ad
1 changed files with 28 additions and 28 deletions
|
|
@ -141,34 +141,34 @@ export function AllowedDomains({ agent }: { agent: string }) {
|
||||||
<Badge label="allowed domains" value="none added" />
|
<Badge label="allowed domains" value="none added" />
|
||||||
) : null}
|
) : null}
|
||||||
{entryGroups(shown).map((g) => (
|
{entryGroups(shown).map((g) => (
|
||||||
<BadgePopover
|
<BadgePopover
|
||||||
key={g.source}
|
key={g.source}
|
||||||
label={GROUP_LABEL[g.source]}
|
label={GROUP_LABEL[g.source]}
|
||||||
value={g.entries.length}
|
value={g.entries.length}
|
||||||
title={groupHelp(g.source, agent)}
|
title={groupHelp(g.source, agent)}
|
||||||
popoverLabel={`${agent} allowed domains, ${GROUP_LABEL[g.source]}`}
|
popoverLabel={`${agent} allowed domains, ${GROUP_LABEL[g.source]}`}
|
||||||
>
|
>
|
||||||
<p class="ui-badge-popover-help">{groupHelp(g.source, agent)}</p>
|
<p class="ui-badge-popover-help">{groupHelp(g.source, agent)}</p>
|
||||||
<ul class="ui-badge-popover-list">
|
<ul class="ui-badge-popover-list">
|
||||||
{g.entries.map((e) => (
|
{g.entries.map((e) => (
|
||||||
<li key={`${e.agent ?? "*"}/${e.domain}`}>
|
<li key={`${e.agent ?? "*"}/${e.domain}`}>
|
||||||
<Badge value={e.domain} />{" "}
|
<Badge value={e.domain} />{" "}
|
||||||
{e.derived === true ? null : (
|
{e.derived === true ? null : (
|
||||||
<Badge
|
<Badge
|
||||||
variant="quiet"
|
variant="quiet"
|
||||||
value="remove"
|
value="remove"
|
||||||
title={`stop allowing ${e.domain} for ${
|
title={`stop allowing ${e.domain} for ${
|
||||||
e.agent === undefined ? "every agent" : agent
|
e.agent === undefined ? "every agent" : agent
|
||||||
}`}
|
}`}
|
||||||
disabled={busy}
|
disabled={busy}
|
||||||
onClick={() => void remove(e)}
|
onClick={() => void remove(e)}
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
</li>
|
</li>
|
||||||
))}
|
))}
|
||||||
</ul>
|
</ul>
|
||||||
</BadgePopover>
|
</BadgePopover>
|
||||||
))}
|
))}
|
||||||
<Badge
|
<Badge
|
||||||
variant="quiet"
|
variant="quiet"
|
||||||
value="add"
|
value="add"
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue