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"]
});