pass in display paper flag instead of whole array

Author: abhitrueprogrammer

src/app/pinned/page.tsx

@@ -15,7 +15,7 @@ const Pinned = () => {
       </h1>
       <div className="mb-3 flex w-full flex-col items-center gap-2 px-6">
         <div className="w-full">
-          <SearchBar type="pinned" displayPapers = {displayPapers} />
+          <SearchBar type="pinned" displayPapers = {displayPapers.length > 0} />
         </div>
       </div>
       <div className="min-h-[40vh]">

src/components/Searchbar/pinned-searchbar.tsx

@@ -17,7 +17,7 @@ function PinnedSearchBar({
   filtersNotPulled,
 }: {
   initialSubjects: string[];
-  displayPapers: IUpcomingPaper[],
+  displayPapers: boolean;
   filtersNotPulled?: () => void;
 }) {
   const router = useRouter();
@@ -237,7 +237,7 @@ function PinnedSearchBar({
                       }}
                       disabled={!showControls || searchText.trim() === ""}
                     />
-                    {displayPapers.length > 0 &&
+                    {displayPapers &&
                     <button
                       onClick={() => {
                         handleRemoveAll();
@@ -254,7 +254,7 @@ function PinnedSearchBar({
           </form>
         </div>
       </div>
-      {displayPapers.length > 0 && 
+      {displayPapers && 
       <div className="mt-2 hidden w-full md:block">
         <div className="ml-auto w-fit">
           <button

src/components/Searchbar/searchbar.tsx

@@ -26,7 +26,7 @@ export default function SearchBar({
   displayPapers
 }: {
   type?: "default" | "pinned";
-  displayPapers: IUpcomingPaper[]
+  displayPapers: boolean;
 }) {
   const [subjects,setSubjects] = useState<string[]>([]);