changed cloudinary store

Author: NishantGupt786

src/app/adminupload/page.tsx

@@ -410,7 +410,7 @@ function Upload() {
       <div className="md:w-[35%]">
         <h1 className="mb-6 text-2xl font-bold">Upload Papers</h1>
         <CldUploadWidget
-          uploadPreset="papers-unsigned"
+          uploadPreset="papers-unsigned-prod"
           options={{
             sources: ["camera", "local"],
             multiple: false,
@@ -421,7 +421,7 @@ function Upload() {
           }}
           //@ts-expect-error - event is not used
           onSuccess={(results: CloudinaryUploadWidgetProps) => {
-            setUrls((prevUrls) => [...(prevUrls ?? []), results.info?.url]);
+            setUrls((prevUrls) => [...(prevUrls ?? []), results.info?.secure_url]);
             setPublicIds((prevIds) => [
               ...(prevIds ?? []),
               results.info?.public_id,
@@ -567,7 +567,7 @@ function Upload() {
           </div>
         </div>
         <div className="flex">
-          <div className="w-full max-w-md rounded bg-white p-8 shadow-md">
+          <div className="w-full max-w-md rounded p-8 shadow-md">
             <h1 className="mb-6 text-2xl font-bold">
               Upload Images to Convert to PDF
             </h1>

src/app/page.tsx

@@ -46,9 +46,6 @@ const HomePage = () => {
           <SearchBar />
         </div>
         <div className="max-3xl w-full">
-          <p className="mb-4 text-center font-semibold">
-            Recently Viewed Papers
-          </p>
           <StoredPapers />
         </div>
       </div>

src/components/Card.tsx

@@ -59,7 +59,7 @@ const Card = ({
   return (
     <div
       key={paper._id}
-      className={`w-56 space-y-1 rounded-md border border-black dark:border-[#7480FF] border-opacity-50  ${checked ? "bg-[#EEF2FF] dark:bg-[#050b1f]" : ""}  p-4 `}
+      className={`w-56 space-y-1 rounded-xl border border-black dark:border-[#7480FF]/25  ${checked ? "bg-[#EEF2FF] dark:bg-[#050b1f]" : ""}  p-4 `}
     >
       <Image
         src={paper.thumbnailUrl}

src/components/CatalogueContent.tsx

@@ -205,7 +205,7 @@ const CatalogueContent = () => {
               Download All ({selectedPapers.length})
             </Button>
           </div>
-          <div className="flex flex-col items-center justify-center md:flex-row flex-wrap mx-auto gap-10">
+          <div className="flex flex-col items-center justify-center md:justify-normal md:flex-row flex-wrap mx-auto gap-10">
             {papers.map((paper) => (
               <Card
                 key={paper._id}

src/components/FilterDialog.tsx

@@ -74,8 +74,7 @@ export const FilterDialog = ({
     <Dialog open={open} onOpenChange={setOpen}>
       <DialogTrigger asChild>
         <Button variant="outline" className="py-6 rounded-xl">
-          <span className="hidden md:block">Filters</span>
-          <span className="block md:hidden">
+          <span>
             <SlidersHorizontal />
           </span>
         </Button>

src/components/Footer.tsx

@@ -11,7 +11,7 @@ export default function Footer() {
   return (
     <div className="flex md:flex-row flex-col gap-y-12 max-w-7xl mx-auto items-center justify-between pt-12">
       <div className="flex items-center">
-        <h1 className="jost bg-gradient-to-r from-purple-600 to-blue-400 bg-clip-text text-center text-3xl md:text-5xl font-bold text-transparent">
+        <h1 className="jost bg-gradient-to-r from-[#562EE7] to-[#FFC6E8] bg-clip-text text-center text-3xl md:text-5xl font-bold text-transparent">
           Papers
         </h1>
         <Separator orientation="vertical" className="min-h-20 h-full mx-3" />

src/components/Navbar.tsx

@@ -16,7 +16,7 @@ function Navbar() {
           width={70}
         />
       </div>
-      <Link href="/" className="jost bg-gradient-to-r from-purple-600 to-blue-400 bg-clip-text text-center text-5xl font-bold text-transparent md:w-[60%] md:text-6xl">
+      <Link href="/" className="jost bg-gradient-to-r from-[#562EE7] to-[#FFC6E8] bg-clip-text text-center text-5xl font-bold text-transparent md:w-[60%] md:text-6xl">
         Papers
       </Link>
       <div className="flex items-center justify-end gap-x-2 md:w-[20%]">

src/components/PreviewCard.tsx

@@ -11,7 +11,7 @@ const PreviewCard = ({ paper }: { paper: Paper }) => {
   return (
     <div
       key={paper._id}
-      className="w-56 space-y-1 rounded-md border border-black border-opacity-50 p-4 dark:border-[#7480FF]"
+      className="w-56 space-y-1 rounded-xl border border-black border-opacity-50 p-4 dark:border-[#7480FF]/25"
     >
       <Link href={paper.finalUrl} target="_blank" rel="noopener noreferrer">
         <Image

src/components/StoredPapers.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client";
 import { useEffect, useState } from "react";
 import PreviewCard from "@/components/PreviewCard";
 import { type Paper } from "@/interface";
@@ -7,20 +7,27 @@ function StoredPapers() {
   const [papers, setPapers] = useState<Paper[]>([]);
 
   useEffect(() => {
-    const storedPapers = JSON.parse(localStorage.getItem("clickedPapers") || "[]");
+    const storedPapers = JSON.parse(
+      localStorage.getItem("clickedPapers") ?? "[]"
+    );
 
     setPapers(storedPapers);
   }, []);
 
+  if (papers.length === 0) {
+    return null;
+  }
+
   return (
-    <div className="flex flex-wrap gap-4 justify-center">
-      {papers.length > 0 ? (
-        papers.map((paper: Paper) => <PreviewCard key={paper._id} paper={paper} />)
-      ) : (
-        <p>No Previously visited papers.</p>
-      )}
-    </div>
+    <>
+      <p className="mb-4 text-center font-semibold">Recently Viewed Papers</p>
+      <div className="flex flex-wrap justify-center gap-4">
+        {papers.map((paper: Paper) => (
+          <PreviewCard key={paper._id} paper={paper} />
+        ))}
+      </div>
+    </>
   );
-};
+}
 
 export default StoredPapers;