feat(TIL): link T.I.Ls tags to global blog tag page

mateusfg7 · Sep 14, 2024 · 86b9569 · 86b9569
1 parent 40fb6c3
commit 86b9569
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/components/til-item.tsx b/src/components/til-item.tsx
@@ -1,3 +1,4 @@
+import Link from 'next/link'
 import { TIL } from '#content'
 
 import { slug } from '~/lib/slug'
@@ -18,12 +19,13 @@ export function TilItem({ til }: { til: TIL }) {
         </div>
         <div className="flex flex-wrap gap-1">
           {til.tags.map(tag => (
-            <span
-              className="rounded-lg bg-neutral-400/10 p-1 text-sm leading-none"
+            <Link
+              href={`/blog/tag/${slug(tag)}`}
+              className="rounded-lg bg-neutral-400/10 p-1 text-sm leading-none transition-colors hover:bg-neutral-400/20"
               key={tag}
             >
               {tag}
-            </span>
+            </Link>
           ))}
         </div>
       </div>