Merge pull request #364 from yashgoyal0110/fix/carousel-fixes

Author: karannfr

src/components/PinnedPapersCarousel.tsx

@@ -164,13 +164,16 @@ function PinnedPapersCarousel({
           plugins={plugins}
           className="w-full"
         >
-          {displayPapers.length >= 8 &&
-          <div
-            className={`relative mt-4 flex justify-end gap-4`}
-          >
-            <CarouselPrevious className="relative" />
-            <CarouselNext className="relative" />
-          </div>}
+          {(() => {
+      const totalItems = displayPapers.length + 1;
+      const needsNav = totalItems > chunkSize;
+      return needsNav ? (
+        <div className="relative mt-4 flex justify-end gap-4">
+          <CarouselPrevious className="relative" />
+          <CarouselNext className="relative" />
+        </div>
+      ) : null;
+    })()}
           <CarouselContent>
             {isLoading ? (
               <CarouselItem

src/components/screens/Hero.tsx

@@ -12,7 +12,7 @@ const Hero = () => {
       <div className="mt-5 px-6">
         <SearchBar />
       </div>
-      <p className="my-8 hidden text-center font-play text-lg font-semibold md:block">
+      <p className="my-8 text-center font-play text-lg font-semibold">
         Pinned Subjects
       </p>
       <PinnedPapersCarousel carouselType="users"/>