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" />
|
||||
) : null}
|
||||
{entryGroups(shown).map((g) => (
|
||||
<BadgePopover
|
||||
key={g.source}
|
||||
label={GROUP_LABEL[g.source]}
|
||||
value={g.entries.length}
|
||||
title={groupHelp(g.source, agent)}
|
||||
popoverLabel={`${agent} allowed domains, ${GROUP_LABEL[g.source]}`}
|
||||
>
|
||||
<p class="ui-badge-popover-help">{groupHelp(g.source, agent)}</p>
|
||||
<ul class="ui-badge-popover-list">
|
||||
{g.entries.map((e) => (
|
||||
<li key={`${e.agent ?? "*"}/${e.domain}`}>
|
||||
<Badge value={e.domain} />{" "}
|
||||
{e.derived === true ? null : (
|
||||
<Badge
|
||||
variant="quiet"
|
||||
value="remove"
|
||||
title={`stop allowing ${e.domain} for ${
|
||||
e.agent === undefined ? "every agent" : agent
|
||||
}`}
|
||||
disabled={busy}
|
||||
onClick={() => void remove(e)}
|
||||
/>
|
||||
)}
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</BadgePopover>
|
||||
))}
|
||||
<BadgePopover
|
||||
key={g.source}
|
||||
label={GROUP_LABEL[g.source]}
|
||||
value={g.entries.length}
|
||||
title={groupHelp(g.source, agent)}
|
||||
popoverLabel={`${agent} allowed domains, ${GROUP_LABEL[g.source]}`}
|
||||
>
|
||||
<p class="ui-badge-popover-help">{groupHelp(g.source, agent)}</p>
|
||||
<ul class="ui-badge-popover-list">
|
||||
{g.entries.map((e) => (
|
||||
<li key={`${e.agent ?? "*"}/${e.domain}`}>
|
||||
<Badge value={e.domain} />{" "}
|
||||
{e.derived === true ? null : (
|
||||
<Badge
|
||||
variant="quiet"
|
||||
value="remove"
|
||||
title={`stop allowing ${e.domain} for ${
|
||||
e.agent === undefined ? "every agent" : agent
|
||||
}`}
|
||||
disabled={busy}
|
||||
onClick={() => void remove(e)}
|
||||
/>
|
||||
)}
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</BadgePopover>
|
||||
))}
|
||||
<Badge
|
||||
variant="quiet"
|
||||
value="add"
|
||||
|
|
|
|||
Loading…
Reference in a new issue