From 5589e748b5252a2f18e6f80872527e83bc24c6ac Mon Sep 17 00:00:00 2001
From: Kieran <kieran@harkin.me>
Date: Fri, 17 Nov 2023 11:10:29 +0000
Subject: [PATCH] chore: improve hashtags header

---
 packages/app/src/Pages/HashTagsPage.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/packages/app/src/Pages/HashTagsPage.tsx b/packages/app/src/Pages/HashTagsPage.tsx
index 3908f5b8..62a14f75 100644
--- a/packages/app/src/Pages/HashTagsPage.tsx
+++ b/packages/app/src/Pages/HashTagsPage.tsx
@@ -1,5 +1,5 @@
 import { useMemo } from "react";
-import { useParams } from "react-router-dom";
+import { Link, useParams } from "react-router-dom";
 import { FormattedMessage, FormattedNumber } from "react-intl";
 import { EventKind, NostrHashtagLink, NoteCollection, RequestBuilder } from "@snort/system";
 import { dedupe } from "@snort/shared";
@@ -65,7 +65,11 @@ export function HashTagHeader({ tag, events, className }: { tag: string; events?
     <div className={classNames("flex flex-col", className)}>
       <div className="flex items-center justify-between">
         <div className="flex g8 items-center">
-          <b className="text-xl">#{tag}</b>
+          <b className="text-xl">
+            <Link to={`/t/${tag}`}>
+              #{tag}
+            </Link>
+          </b>
           {events && (
             <small>
               <FormattedMessage
@@ -87,9 +91,9 @@ export function HashTagHeader({ tag, events, className }: { tag: string; events?
           </AsyncButton>
         )}
       </div>
-      <div className="flex">
+      <div className="flex items-center">
         {pubkeys.slice(0, 5).map(a => (
-          <ProfileImage pubkey={a} showUsername={false} link={""} showFollowDistance={false} size={40} />
+          <ProfileImage pubkey={a} showUsername={false} showFollowDistance={false} size={40} />
         ))}
         {pubkeys.length > 5 && (
           <span>