Merge branch 'preview'

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>

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>

src/components/contentDisplay/suggestionsList/SuggestionsList.tsx → 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 (

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}`}
     />
   );
 }

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

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") ??

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

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;
 };