made upcoming papers with no papers clickable

Author: abhitrueprogrammer

src/components/UpcomingPaper.tsx

@@ -69,23 +69,21 @@ export default function PaperCard({ subject, slots }: PaperCardProps) {
   return (
     <div
       onClick={(e) => {
-        if (!paperCount) return; // disable click if no papers
         e.preventDefault();
         const queryParams = new URLSearchParams({ subject });
         router.push(`/catalogue?${queryParams.toString()}`);
       }}
       className={`h-full rounded-sm border-2 border-[#734DFF] bg-[#FFFFFF] text-black shadow-lg transition duration-150 ease-in-out dark:border-[#36266D] dark:bg-[#171720] dark:text-white ${
-        !paperCount
-          ? "cursor-not-allowed opacity-60 hover:bg-[#FFFFFF] dark:hover:bg-[#171720]"
-          : "cursor-pointer hover:bg-[#EFEAFF] hover:dark:bg-[#262635]"
+        // ? "cursor-not-allowed opacity-60 hover:bg-[#FFFFFF] dark:hover:bg-[#171720]"
+        "cursor-pointer hover:bg-[#EFEAFF] hover:dark:bg-[#262635]"
       }`}
     >
       <div className="border-b-2 border-[#453D60] p-2">
         <div className="flex items-start justify-between">
           <h2 className="rounded-t-lg px-2 py-1 font-play text-base font-bold md:text-lg md:tracking-widest">
             {courseCode}
             <div className="text-sm font-normal">
-              (Papers available: {paperCount})
+              {paperCount ? `Papers available: ${paperCount}` : "Click to explore"}
             </div>
           </h2>
 
@@ -112,15 +110,11 @@ export default function PaperCard({ subject, slots }: PaperCardProps) {
           {courseName}
         </h2>
 
-        {paperCount ? (
+        { (
           <div className="mt-4 flex flex-wrap gap-2 font-play">
             {slots?.map((slotValue) => capsule(slotValue))}
           </div>
-        ) : (
-          <div className="mt-6 text-sm italic text-gray-500 dark:text-gray-400">
-            We will have papers for this soon!
-          </div>
-        )}
+        ) }
       </div>
     </div>
   );