diff --git a/web/src/lib/components/repo/LabelPanel.stories.svelte b/web/src/lib/components/repo/LabelPanel.stories.svelte index 79b676d40..55ab828ef 100644 --- a/web/src/lib/components/repo/LabelPanel.stories.svelte +++ b/web/src/lib/components/repo/LabelPanel.stories.svelte @@ -15,43 +15,40 @@ { name: "workflows", color: "#eebefa" } ]; - const linked: Label[] = labels.map((label) => ({ + const withLink = (label: Label): Label => ({ ...label, href: `${resolve("/[handle]/[repo]/pulls", { handle: "eti.tangled.org", repo: "core" })}?label=${encodeURIComponent(label.name)}` as ResolvedPathname - })); - - const assignee = { did: "did:plc:xasnlahkri4ewmbuzly2rlc5", handle: "eti.tangled.org" }; + }); - const participants = [ - { did: "did:plc:xasnlahkri4ewmbuzly2rlc5", handle: "eti.tangled.org" }, - { did: "did:plc:3p7ejjxnufohsygt5vbyxb2i", handle: "joshka.net" }, - { handle: "icyphox.sh" } - ]; + const linked: Label[] = labels.map(withLink); - const uri = "at://did:plc:xasnlahkri4ewmbuzly2rlc5/sh.tangled.repo.pull/3mssfypxhvk2g"; + const many: Label[] = [ + ...labels, + { name: "docs", color: "#c0eb75" }, + { name: "infra", color: "#ffd8a8" }, + { name: "knots", color: "#a5d8ff" }, + { name: "spindle", color: "#fcc2d7" }, + { name: "appview", color: "#bac8ff" } + ].map(withLink); const { Story } = defineMeta({ title: "Repo/LabelPanel", component: LabelPanel, - tags: ["autodocs"], - args: { - uri - } + tags: ["autodocs"] }); {#snippet template(args)}
- +
{/snippet}
@@ -67,7 +64,15 @@ {#snippet template(args)}
- + +
+ {/snippet} +
+ + + {#snippet template(args)} +
+
{/snippet}
@@ -80,11 +85,7 @@ canEdit labels={linked.filter((label) => pickedNames.includes(label.name))} allLabels={linked} - assignee={participants.find((person) => person.did === pickedAssignee)} - assigneeOptions={participants} - {participants} onLabelsChange={(names) => (pickedNames = names)} - onAssigneeChange={(did) => (pickedAssignee = did)} /> {/snippet} @@ -93,7 +94,7 @@ {#snippet template(args)}
- +
{/snippet}
diff --git a/web/src/lib/components/repo/LabelPanel.svelte b/web/src/lib/components/repo/LabelPanel.svelte index f73c7e7a5..e35d35907 100644 --- a/web/src/lib/components/repo/LabelPanel.svelte +++ b/web/src/lib/components/repo/LabelPanel.svelte @@ -7,74 +7,52 @@ href?: ResolvedPathname; } - export interface Person { - did?: string; - handle?: string; - } + const COLLAPSED_LABEL_COUNT = 10; {#snippet sectionHeading(id: string, title: string)} @@ -137,132 +115,34 @@ {/if} -