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