highperfocused/lumina
1
0
Fork 0
mirror of https://github.com/lumina-rocks/lumina.git synced 2026-04-09 23:16:47 +02:00
Code Issues Packages Projects Releases Wiki Activity

Make hashtags in PictureCard and PictureDetails clickable to navigate to tag pages

Browse Source
This commit is contained in:
highperfocused
2025-11-27 23:36:19 +01:00
parent 71e6ffd089
commit a1c8d082af
2 changed files with 15 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/feed/PictureCard.tsx
View File

@@ -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>
))}

7
src/pages/PictureDetails.tsx
View File

@@ -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>
))}