diff --git a/src/adverts/components/details/advert-card/TagCard.tsx b/src/adverts/components/details/advert-card/TagCard.tsx
index 4884c47..105262c 100644
--- a/src/adverts/components/details/advert-card/TagCard.tsx
+++ b/src/adverts/components/details/advert-card/TagCard.tsx
@@ -1,14 +1,25 @@
import { Chip, PaperProps } from '@mui/material'
import { Advert } from 'adverts'
+import { useNavigate } from 'react-router-dom'
export const TagCard = (props: PaperProps & { advert: Advert }) => {
const { tags } = props.advert
+ const nav = useNavigate()
+
+ const clicked = (tag: string) => {
+ nav(`/browse/#tags=${tag}`)
+ }
return (
tags.length > 0 && (
<>
{tags.map((v) => (
-
+ clicked(v)}
+ label={v}
+ sx={{ mr: 1 }}
+ />
))}
>
)