make tags on productcard clickable

helsingborg-stad · Dec 12, 2024 · 50fdcd9 · 50fdcd9
1 parent 8898998
commit 50fdcd9
Showing 1 changed file with 12 additions and 1 deletion.
diff --git 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) => (
-                    <Chip label={v} sx={{ mr: 1 }} />
+                    <Chip
+                        clickable
+                        onClick={() => clicked(v)}
+                        label={v}
+                        sx={{ mr: 1 }}
+                    />
                 ))}
             </>
         )