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) => ( ))} - */} + ) }