From c8ac74ece319f364d34bbb1f4c4c0fb7d6572983 Mon Sep 17 00:00:00 2001
From: Pouria Delfanazari <pdelfan@gmail.com>
Date: Tue, 29 Oct 2024 10:47:36 -0700
Subject: [PATCH 1/2] Make compose button to be the same size as aside avatar

---
 src/components/actions/composeButton/ComposeButton.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/actions/composeButton/ComposeButton.tsx b/src/components/actions/composeButton/ComposeButton.tsx
index 591be2cd..edbc2a3b 100644
--- a/src/components/actions/composeButton/ComposeButton.tsx
+++ b/src/components/actions/composeButton/ComposeButton.tsx
@@ -38,7 +38,7 @@ export default function ComposeButton(props: Props) {
   return (
     <button
       onClick={() => openComposer({ mention: userHandle })}
-      className="bg-primary text-skin-inverted flex items-center gap-2 rounded-full font-semibold hover:brightness-95 p-3.5 lg:px-3 lg:py-2"
+      className="bg-primary text-skin-inverted flex items-center gap-2 rounded-full font-semibold hover:brightness-95 p-2 lg:px-3 lg:py-2"
     >
       <RiQuillPenFill className="text-skin-icon-inverted text-2xl" />
       <span className="text-skin-icon-inverted hidden lg:inline">Post</span>

From 56f8b942f509a7b364dacd9c14cf32fa72a6e2e2 Mon Sep 17 00:00:00 2001
From: Pouria Delfanazari <pdelfan@gmail.com>
Date: Tue, 29 Oct 2024 11:50:52 -0700
Subject: [PATCH 2/2] Display tags under posts

---
 .../contentDisplay/feedPost/FeedPost.tsx      |  2 +-
 .../dataDisplay/postTag/PostTag.tsx           | 21 +++++++++++++++++++
 .../dataDisplay/postText/postText.tsx         |  9 ++++++++
 src/components/inputs/editor/Editor.tsx       |  2 +-
 src/lib/hooks/bsky/feed/usePublishPost.tsx    |  2 +-
 5 files changed, 33 insertions(+), 3 deletions(-)
 create mode 100644 src/components/dataDisplay/postTag/PostTag.tsx

diff --git a/src/components/contentDisplay/feedPost/FeedPost.tsx b/src/components/contentDisplay/feedPost/FeedPost.tsx
index 6e93cf8a..28634ec0 100644
--- a/src/components/contentDisplay/feedPost/FeedPost.tsx
+++ b/src/components/contentDisplay/feedPost/FeedPost.tsx
@@ -138,7 +138,7 @@ export default function FeedPost(props: Props) {
                   <PostEmbed content={post.post.embed} depth={0} />
                 )}
               </>
-            )}
+            )}            
             <div className="mt-2">
               <PostActions post={post.post} />
             </div>
diff --git a/src/components/dataDisplay/postTag/PostTag.tsx b/src/components/dataDisplay/postTag/PostTag.tsx
new file mode 100644
index 00000000..8c5de0c2
--- /dev/null
+++ b/src/components/dataDisplay/postTag/PostTag.tsx
@@ -0,0 +1,21 @@
+import Link from "next/link";
+
+interface Props {
+  tag: string;
+}
+
+export default function PostTag(props: Props) {
+  const { tag } = props;
+
+  const encodedTag = encodeURIComponent(tag);
+
+  return (
+    <Link
+      href={`/dashboard/search?query=%23${encodedTag}`}
+      className="bg-skin-tertiary px-3 py-1.5 rounded-lg text-sm text-skin-secondary font-medium hover:text-skin-base break-all"
+      onClick={(e) => e.stopPropagation()}
+    >
+      #{tag}
+    </Link>
+  );
+}
diff --git a/src/components/dataDisplay/postText/postText.tsx b/src/components/dataDisplay/postText/postText.tsx
index 6452f580..6f7571a9 100644
--- a/src/components/dataDisplay/postText/postText.tsx
+++ b/src/components/dataDisplay/postText/postText.tsx
@@ -7,6 +7,7 @@ import Link from "next/link";
 import { Fragment } from "react";
 import * as Tooltip from "@radix-ui/react-tooltip";
 import { BiLinkExternal } from "react-icons/bi";
+import PostTag from "../postTag/PostTag";
 
 interface Props {
   record: PostView["record"];
@@ -18,6 +19,7 @@ export default function PostText(props: Props) {
   const { record, truncate, mode = "feed" } = props;
   const text = AppBskyFeedPost.isRecord(record) && record.text;
   const facet = AppBskyFeedPost.isRecord(record) && record.facets;
+  const tags = AppBskyFeedPost.isRecord(record) && record.tags;
 
   const richText = new RichTextHelper({
     text: text.toString(),
@@ -119,6 +121,13 @@ export default function PostText(props: Props) {
       {content.map((segment, i) => (
         <Fragment key={`${i}+${text}`}>{segment.component}</Fragment>
       ))}
+      {tags && (
+        <div className="flex flex-wrap gap-2 mt-3">
+          {tags.map((t, i) => (
+            <PostTag key={i} tag={t} />
+          ))}
+        </div>
+      )}
     </div>
   );
 }
diff --git a/src/components/inputs/editor/Editor.tsx b/src/components/inputs/editor/Editor.tsx
index 869ef141..74136589 100644
--- a/src/components/inputs/editor/Editor.tsx
+++ b/src/components/inputs/editor/Editor.tsx
@@ -126,7 +126,7 @@ export default function Editor(props: Props) {
     languages: languages.map((lang) => lang.code),
     images,
     label,
-    threadGate,
+    threadGate,    
   });
 
   if (!editor) return null;
diff --git a/src/lib/hooks/bsky/feed/usePublishPost.tsx b/src/lib/hooks/bsky/feed/usePublishPost.tsx
index 11c74d35..29025c04 100644
--- a/src/lib/hooks/bsky/feed/usePublishPost.tsx
+++ b/src/lib/hooks/bsky/feed/usePublishPost.tsx
@@ -231,7 +231,7 @@ export default function usePublishPost(props: Props) {
         langs: lang,
         labels: selfLabels,
         reply: reply,
-        embed: embed,
+        embed: embed,              
       });
 
       // add threadGate