From 7811583325856aa1af62cb3c4f5581b74c5ab3e0 Mon Sep 17 00:00:00 2001
From: Pouria Delfanazari <pdelfan@gmail.com>
Date: Fri, 29 Mar 2024 16:18:00 -0700
Subject: [PATCH 1/2] Add empty feeds alert to feed search

---
 src/components/contentDisplay/feedList/FeedList.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/components/contentDisplay/feedList/FeedList.tsx b/src/components/contentDisplay/feedList/FeedList.tsx
index f4cddf3d..2f46a35d 100644
--- a/src/components/contentDisplay/feedList/FeedList.tsx
+++ b/src/components/contentDisplay/feedList/FeedList.tsx
@@ -1,4 +1,5 @@
 import FeedItem from "../feedItem/FeedItem";
+import FeedAlert from "@/components/feedback/feedAlert/FeedAlert";
 import { getPopularFeeds, getSavedFeeds } from "@/lib/api/bsky/feed";
 
 interface Props {
@@ -20,6 +21,11 @@ export default async function FeedList(props: Props) {
             saved={savedFeeds.some((savedFeed) => savedFeed.uri === feed.uri)}
           />
         ))}
+      {popularFeeds.length === 0 && (
+        <div className="border-skin-base border-t">
+          <FeedAlert variant="empty" message="No feeds found" />
+        </div>
+      )}
     </section>
   );
 }

From ae631aa2d56f0912d479da5e8f3d7246fefbe040 Mon Sep 17 00:00:00 2001
From: Pouria Delfanazari <pdelfan@gmail.com>
Date: Fri, 29 Mar 2024 16:18:25 -0700
Subject: [PATCH 2/2] Adjust post/search alert border to fill width

---
 src/containers/search/PostSearchContainer.tsx | 2 +-
 src/containers/search/UserSearchContainer.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/containers/search/PostSearchContainer.tsx b/src/containers/search/PostSearchContainer.tsx
index c07452a9..2e2412aa 100644
--- a/src/containers/search/PostSearchContainer.tsx
+++ b/src/containers/search/PostSearchContainer.tsx
@@ -62,7 +62,7 @@ export default function PostSearchContainer(props: Props) {
 
       {isFetching && !isFetchingNextPage && <FeedPostSkeleton />}
       {isEmpty && !hasNextPage && (
-        <div className="border-skin-base mx-3 border-t md:mx-0">
+        <div className="border-skin-base border-t">
           <FeedAlert variant="empty" message="No posts found" />
         </div>
       )}
diff --git a/src/containers/search/UserSearchContainer.tsx b/src/containers/search/UserSearchContainer.tsx
index 35940b9d..3eec8fed 100644
--- a/src/containers/search/UserSearchContainer.tsx
+++ b/src/containers/search/UserSearchContainer.tsx
@@ -66,7 +66,7 @@ export default function UserSearchContainer(props: Props) {
       </InfiniteScroll>
 
       {isEmpty && (
-        <div className="border-skin-base mx-3 border-t md:mx-0">
+        <div className="border-skin-base border-t">
           <FeedAlert variant="empty" message="No users found" />
         </div>
       )}