From 3029a72eaea9c383e4084fda27d4cd35a5917449 Mon Sep 17 00:00:00 2001
From: FatimaIrshad123 <bibimemoona2017@gmail.com>
Date: Wed, 25 Dec 2024 18:00:05 +0500
Subject: [PATCH] Optimized Search Interface

---
 apps/web/components/ContentSearch.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/apps/web/components/ContentSearch.tsx b/apps/web/components/ContentSearch.tsx
index b8f8261d..b7fff020 100644
--- a/apps/web/components/ContentSearch.tsx
+++ b/apps/web/components/ContentSearch.tsx
@@ -145,6 +145,11 @@ export function ContentSearch({ tracks }: { tracks: TrackPros[] }) {
           </DialogClose>
         </div>
         <div className="h-[500px] py-4 space-y-4 overflow-y-scroll" ref={scrollableContainerRef}>
+        {input.length === 0 ? (
+          <div className="text-center pt-6">Search tracks</div>
+          ) : searchTracks.length === 0 ? (
+          <div className="text-center pt-6">No Result found</div>
+        ) : null}
           {searchTracks.length > 0 &&
             searchTracks.map((track, index) => (
               <div key={track.payload.problemId} className={`p-2 ${index === selectedIndex ? "bg-blue-600/20" : ""}`}>