From 1dcbc2ada4009d84a3f5b1160e2078f8565c4ce1 Mon Sep 17 00:00:00 2001
From: Pouria Delfanazari <pdelfan@gmail.com>
Date: Mon, 28 Oct 2024 10:52:27 -0700
Subject: [PATCH 1/2] Rename "Suggestions" to "Who to follow"

---
 src/app/dashboard/search/loading.tsx                        | 2 +-
 src/app/dashboard/search/page.tsx                           | 6 +++---
 .../WhoToFollowList.tsx}                                    | 2 +-
 src/lib/api/bsky/actor/index.ts                             | 2 +-
 4 files changed, 6 insertions(+), 6 deletions(-)
 rename src/components/contentDisplay/{suggestionsList/SuggestionsList.tsx => whoToFollowList/WhoToFollowList.tsx} (87%)

diff --git a/src/app/dashboard/search/loading.tsx b/src/app/dashboard/search/loading.tsx
index 5291d64e..d67e07b6 100644
--- a/src/app/dashboard/search/loading.tsx
+++ b/src/app/dashboard/search/loading.tsx
@@ -16,7 +16,7 @@ export default function Loading() {
 
       <section>
         <h2 className="text-skin-base mb-2 px-3 text-2xl font-semibold md:px-0">
-          Suggestions
+          Who to follow
         </h2>
         <ProfileCardSkeleton />
       </section>
diff --git a/src/app/dashboard/search/page.tsx b/src/app/dashboard/search/page.tsx
index 3f472d4d..4dc80fc3 100644
--- a/src/app/dashboard/search/page.tsx
+++ b/src/app/dashboard/search/page.tsx
@@ -1,5 +1,5 @@
 import SearchList from "@/components/contentDisplay/searchList/SearchList";
-import SuggestionsList from "@/components/contentDisplay/suggestionsList/SuggestionsList";
+import WhoToFollowList from "@/components/contentDisplay/whoToFollowList/WhoToFollowList";
 import Search from "@/components/filter/search/Search";
 import { BiSolidHelpCircle } from "react-icons/bi";
 import * as Popover from "@radix-ui/react-popover";
@@ -82,9 +82,9 @@ export default function Page(props: Props) {
       {!query && (
         <section>
           <h2 className="text-skin-base mb-2 px-3 text-2xl font-semibold md:px-0">
-            Suggestions
+            Who to follow
           </h2>
-          <SuggestionsList />
+          <WhoToFollowList />
         </section>
       )}
     </section>
diff --git a/src/components/contentDisplay/suggestionsList/SuggestionsList.tsx b/src/components/contentDisplay/whoToFollowList/WhoToFollowList.tsx
similarity index 87%
rename from src/components/contentDisplay/suggestionsList/SuggestionsList.tsx
rename to src/components/contentDisplay/whoToFollowList/WhoToFollowList.tsx
index 5944adf7..992055b2 100644
--- a/src/components/contentDisplay/suggestionsList/SuggestionsList.tsx
+++ b/src/components/contentDisplay/whoToFollowList/WhoToFollowList.tsx
@@ -1,7 +1,7 @@
 import { getSuggestions } from "@/lib/api/bsky/actor";
 import ProfileCard from "../profileCard/ProfileCard";
 
-export default async function SuggestionsList() {
+export default async function WhoToFollowList() {
   const suggestions = await getSuggestions();
 
   return (
diff --git a/src/lib/api/bsky/actor/index.ts b/src/lib/api/bsky/actor/index.ts
index 602a3ec7..1315b4da 100644
--- a/src/lib/api/bsky/actor/index.ts
+++ b/src/lib/api/bsky/actor/index.ts
@@ -21,7 +21,7 @@ export const getProfile = async (
 
 export const getSuggestions = async () => {
   const agent = await getAgent();
-  const suggestions = await agent.getSuggestions({ limit: 30 });
+  const suggestions = await agent.getSuggestions({ limit: 10 });
   if (!suggestions.success) return null;
   return suggestions.data.actors;
 };

From afeb1529f5b55f18264ec94c79e99dfb2586148e Mon Sep 17 00:00:00 2001
From: Pouria Delfanazari <pdelfan@gmail.com>
Date: Mon, 28 Oct 2024 12:32:15 -0700
Subject: [PATCH 2/2] Increase space between reply and parent posts in composer

---
 src/components/dataDisplay/threadLine/ThreadLine.tsx | 2 +-
 src/components/inputs/editor/ReplyToPreview.tsx      | 4 ++--
 src/components/inputs/editor/TextEdit.tsx            | 2 +-
 src/components/inputs/editor/TopEditorBar.tsx        | 4 ++--
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/dataDisplay/threadLine/ThreadLine.tsx b/src/components/dataDisplay/threadLine/ThreadLine.tsx
index 48f8a1cb..dd0f6b77 100644
--- a/src/components/dataDisplay/threadLine/ThreadLine.tsx
+++ b/src/components/dataDisplay/threadLine/ThreadLine.tsx
@@ -6,7 +6,7 @@ export default function Threadline(props: Props) {
   const { className } = props;
   return (
     <div
-      className={`border-skin-base absolute left-6 top-0 z-10 h-full border ${className}`}
+      className={`border-skin-base absolute left-6 top-6 z-10 h-full border ${className}`}
     />
   );
 }
diff --git a/src/components/inputs/editor/ReplyToPreview.tsx b/src/components/inputs/editor/ReplyToPreview.tsx
index 4f132807..81c696b7 100644
--- a/src/components/inputs/editor/ReplyToPreview.tsx
+++ b/src/components/inputs/editor/ReplyToPreview.tsx
@@ -24,9 +24,9 @@ export default function ReplyToPreview(props: Props) {
   return (
     <article
       onClick={toggleShowMore}
-      className="relative mt-3 flex cursor-pointer items-start gap-3 rounded-2xl p-2"
+      className="relative flex cursor-pointer items-start gap-3 rounded-2xl p-2"
     >
-      <Threadline className="left-8 mt-5" />
+      <Threadline className="left-8" />
       <Image
         src={
           author.avatar?.replace("avatar", "avatar_thumbnail") ?? FallbackAvatar
diff --git a/src/components/inputs/editor/TextEdit.tsx b/src/components/inputs/editor/TextEdit.tsx
index 61434577..6a8adc70 100644
--- a/src/components/inputs/editor/TextEdit.tsx
+++ b/src/components/inputs/editor/TextEdit.tsx
@@ -15,7 +15,7 @@ export default function TextEdit(props: Props) {
 
   return (
     <div>
-      <div className="flex gap-3">
+      <div className={`flex gap-3 ${isReply && "mt-3"}`}>
         <Image
           src={
             author?.avatar?.replace("avatar", "avatar_thumbnail") ??
diff --git a/src/components/inputs/editor/TopEditorBar.tsx b/src/components/inputs/editor/TopEditorBar.tsx
index be4f882f..bff066bd 100644
--- a/src/components/inputs/editor/TopEditorBar.tsx
+++ b/src/components/inputs/editor/TopEditorBar.tsx
@@ -72,13 +72,13 @@ export default function TopEditorBar(props: Props) {
                 },
               });
             }}
-            className={`bg-primary hover:bg-primary-dark rounded-full px-4 py-2 text-sm font-semibold text-white ${
+            className={`bg-primary hover:bg-primary-dark rounded-full px-4 py-2 gap-2 text-sm font-semibold text-white ${
               onPublish.isPending && "animate-pulse animate-duration-1000"
             }`}
             disabled={onPublish.isPending}
           >
             <BiLogoTelegram className="text-xl" />
-            {onPublish.isPending ? "Posting..." : "Post"}
+            {onPublish.isPending ? "Sending..." : "Send"}
           </Button>
         </>
       )}