From a1c8d082afb2d08eb031b48a74e603bd7af21f0e Mon Sep 17 00:00:00 2001
From: highperfocused <highperfocused@pm.me>
Date: Thu, 27 Nov 2025 23:36:19 +0100
Subject: [PATCH] Make hashtags in PictureCard and PictureDetails clickable to
 navigate to tag pages

---
 src/components/feed/PictureCard.tsx | 10 +++++++++-
 src/pages/PictureDetails.tsx        |  7 ++++++-
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/components/feed/PictureCard.tsx b/src/components/feed/PictureCard.tsx
index eeb6652..5c8c8e6 100644
--- a/src/components/feed/PictureCard.tsx
+++ b/src/components/feed/PictureCard.tsx
@@ -185,7 +185,15 @@ export function PictureCard({ event }: PictureCardProps) {
             {hashtags.length > 0 && (
               <div className="flex flex-wrap gap-2 mt-3">
                 {hashtags.map((tag) => (
-                  <Badge key={tag} variant="secondary" className="text-xs">
+                  <Badge 
+                    key={tag} 
+                    variant="secondary" 
+                    className="text-xs cursor-pointer hover:bg-secondary/80 transition-colors"
+                    onClick={(e) => {
+                      e.stopPropagation();
+                      navigate(`/tag/${tag}`);
+                    }}
+                  >
                     #{tag}
                   </Badge>
                 ))}
diff --git a/src/pages/PictureDetails.tsx b/src/pages/PictureDetails.tsx
index 2e8a1d4..3e63d70 100644
--- a/src/pages/PictureDetails.tsx
+++ b/src/pages/PictureDetails.tsx
@@ -185,7 +185,12 @@ function PictureDetailsContent({ event }: { event: NostrEvent }) {
             {hashtags.length > 0 && (
               <div className="flex flex-wrap gap-2">
                 {hashtags.map((tag) => (
-                  <Badge key={tag} variant="secondary" className="text-sm">
+                  <Badge 
+                    key={tag} 
+                    variant="secondary" 
+                    className="text-sm cursor-pointer hover:bg-secondary/80 transition-colors"
+                    onClick={() => navigate(`/tag/${tag}`)}
+                  >
                     #{tag}
                   </Badge>
                 ))}