diff --git a/packages/web/components/elements/LabelChip.tsx b/packages/web/components/elements/LabelChip.tsx
index 86dd3c3ba..412915a00 100644
--- a/packages/web/components/elements/LabelChip.tsx
+++ b/packages/web/components/elements/LabelChip.tsx
@@ -1,6 +1,6 @@
-import Link from 'next/link'
+import { useRouter } from 'next/router'
+import { Button } from './Button'
import { SpanBox } from './LayoutPrimitives'
-import { StyledText } from './StyledText'
type LabelChipProps = {
text: string
@@ -8,6 +8,7 @@ type LabelChipProps = {
}
export function LabelChip(props: LabelChipProps): JSX.Element {
+ const router = useRouter()
const hexToRgb = (hex: string) => {
const bigint = parseInt(hex.substring(1), 16)
const r = (bigint >> 16) & 255
@@ -17,8 +18,12 @@ export function LabelChip(props: LabelChipProps): JSX.Element {
return [r, g, b]
}
const color = hexToRgb(props.color)
+
return (
-
+
)
}
diff --git a/packages/web/components/patterns/LibraryCards/GridLinkedItemCard.tsx b/packages/web/components/patterns/LibraryCards/GridLinkedItemCard.tsx
index 319bc6fdb..f01e7260c 100644
--- a/packages/web/components/patterns/LibraryCards/GridLinkedItemCard.tsx
+++ b/packages/web/components/patterns/LibraryCards/GridLinkedItemCard.tsx
@@ -154,11 +154,11 @@ export function GridLinkedItemCard(props: LinkedItemCardProps): JSX.Element {
/>
)}
- {/*
+
{props.item.labels?.map(({ name, color }, index) => (
))}
- */}
+
)
}