Merge branch 'prod' of https://github.com/Advik-Gupta/papers-codechef into prod

Author: Advik-Gupta

src/app/api/upload/route.ts

@@ -59,7 +59,6 @@ export async function POST(req: Request) {
 
     let final_url: string | undefined = "";
     let public_id_cloudinary: string | undefined = "";
-    let thumbnail_url: string | undefined = "";
 
     if (!files || files.length === 0) {
       return NextResponse.json(
@@ -93,19 +92,13 @@ export async function POST(req: Request) {
       );
     }
 
-    const thumbnailResponse = cloudinary.v2.image(final_url!, {
-      format: "jpg",
-    });
-    thumbnail_url = thumbnailResponse
-      .replace("pdf", "jpg")
-      .replace("upload", "upload/w_400,h_400,c_fill")
-      .replace(/<img src='|'\s*\/>/g, "");
 
     const paper = new PaperAdmin({
       cloudinary_index: configIndex,
+
       public_id_cloudinary,
       final_url,
-      thumbnail_url,
+      thumbnail_url: null,
       subject: null,
       slot: null,
       year: null,

src/app/paper/[id]/page.tsx

@@ -21,7 +21,7 @@ export async function generateMetadata({
         metadataBase: new URL("https://papers.codechefvit.com/"),
         title: `Papers | ${paper.subject} | ${paper.exam} | ${paper.slot}`,
         description: `Discover ${paper.subject}'s question paper created by CodeChef-VIT at Vellore Institute of Technology. Made with ♡ to help students excel.`,
-        icons: [{ rel: "icon", url: "/codechef_logo.svg" }],
+        icons: [{ rel: "icon", url: "/favicon.svg" }],
         openGraph: {
           title: `Papers | ${paper.subject} | ${paper.exam} | ${paper.slot}`,
           images: [{ url: "/papers.png" }],

src/app/upload/page.tsx

@@ -174,7 +174,7 @@ const Page = () => {
   const isCurrentlyDragging = isDragging || isGlobalDragging;
 
   return (
-    <div className="flex h-[calc(100vh-85px)] flex-col justify-center px-6 font-play">
+    <div className="flex h-[calc(100vh-185px)] flex-col justify-center px-3 font-play">
       <div className="2xl:my-15 flex flex-col items-center">
         <fieldset className="mb-4 w-full max-w-md rounded-lg border-2 border-gray-300 p-4 pr-8">
           <div className="flex w-full flex-col 2xl:gap-y-4">
@@ -211,11 +211,18 @@ const Page = () => {
                         <Upload className="mt-2 h-10 w-10 animate-bounce text-[#6D28D9]" />
                       </div>
                     ) : (
-                      <p>
-                        Drag &apos;n&apos; drop some files here, or{" "}
-                        <span className="text-[#6D28D9]">click</span> to select
-                        files
-                      </p>
+                      <div>
+                        <p className="font-semibold text-lg">
+                          Drag &apos;n&apos; drop some files here, or{" "}
+                          <span className="text-[#6D28D9]">click</span> to select
+                          files
+                        </p>
+                        <div className="mx-auto my-6 w-full max-w-xl rounded-md text-sm text-black dark:text-white opacity-70">
+                        <p className="text-center">
+                            <strong>Note:</strong> Uploaded papers are first reviewed by our team before appearing on the website. If your paper doesn&apos;t show up immediately, please be patient,it&apos;s likely still under review.
+                          </p>
+                        </div>
+                      </div>
                     )}
                     <div
                       className={`mt-2 text-xs ${
@@ -225,7 +232,7 @@ const Page = () => {
                       {files?.length || 0} files selected
                     </div>
                   </section>
-                )}
+                )} 
               </Dropzone>
               <label className="mx-2 -mr-2 block text-center text-xs font-medium text-gray-700">
                 Only Images and PDF are allowed

src/components/FloatingNavbar.tsx

@@ -41,14 +41,14 @@ export default function FloatingNavbar({ onNavigate }: Props) {
         </DropdownMenuTrigger>
 
         <DropdownMenuContent
-          className="xl:hidden mt-2 w-72 space-y-1 rounded-3xl border border-white/10 bg-[#110F18] px-4 py-4 text-white shadow-xl backdrop-blur-sm pointer-events-auto"
+          className="xl:hidden mt-2 py-2 w-72 space-y-1 rounded-3xl bg-[#4B22D1] text-white border border-[rgba(255,255,255,0.1)] shadow-2xl backdrop-blur-sm pointer-events-auto"
           align="end"
         >
           <DropdownMenuItem asChild>
             <Link
               href={pathname === "/upload" ? "/" : "/upload"}
               onClick={() => onNavigate()}
-              className="flex w-full items-center gap-3 rounded-lg px-3 py-3 hover:bg-[#1A1823] transition"
+              className="flex w-full items-center gap-3 rounded-lg px-3 py-1 hover:bg-[#1A1823] transition"
             >
               <UploadIcon className="h-4 w-4" />
               <span className="text-sm font-medium">
@@ -61,7 +61,7 @@ export default function FloatingNavbar({ onNavigate }: Props) {
             <Link
               href="/pinned"
               onClick={() => onNavigate()}
-              className="flex w-full items-center gap-3 rounded-lg px-3 py-3 hover:bg-[#1A1823] transition"
+              className="flex w-full items-center gap-3 rounded-lg px-3 py-1 hover:bg-[#1A1823] transition"
             >
               <Pin className="h-4 w-4" />
               <span className="text-sm font-medium">Pinned Subjects</span>
@@ -72,18 +72,15 @@ export default function FloatingNavbar({ onNavigate }: Props) {
             <Link
               href="/request"
               onClick={() => onNavigate()}
-              className="flex w-full items-center gap-3 rounded-lg px-3 py-3 hover:bg-[#1A1823] transition"
+              className="flex w-full items-center gap-3 rounded-lg px-3 py-1 hover:bg-[#1A1823] transition"
             >
               <ArrowUpRight className="h-4 w-4" />
               <span className="text-sm font-medium">Paper Request</span>
             </Link>
           </DropdownMenuItem>
-
-          <div className="pt-2 border-t border-[#3A3745] mt-2">
-            <div className="flex justify-center pt-2">
-              <div className="rounded-full border border-[#3A3745] p-1">
-                <ModeToggle />
-              </div>
+          <div className="flex w-full items-center gap-3 rounded-lg px-3 py-1">
+            <div className="border rounded-full">
+              <ModeToggle />
             </div>
           </div>
         </DropdownMenuContent>

src/components/PinButton.tsx

@@ -13,6 +13,7 @@ export default function PinButton({
 }) {
   return (
     <button
+      type="submit"
       onClick={onToggle}
       className={`ml-2 flex items-center gap-2 rounded-full border border-[#3A3745] px-4 py-2 text-sm font-medium transition ${
         isPinned

src/components/Searchbar/pinned-searchbar.tsx

@@ -67,6 +67,10 @@ function PinnedSearchBar({
       setPinned(currentPinnedSubjects.includes(suggestion));
     }
 
+    setTimeout(() => {
+      searchRef.current?.focus();
+    }, 0);
+    
     setShowControls(true);
     setSuggestions([]);
     filtersNotPulled?.();
@@ -102,7 +106,7 @@ function PinnedSearchBar({
     const current = !pinned;
     setPinned(current);
 
-    if (searchText.trim() === "") {
+    if (searchText.trim() === "" || !initialSubjects.includes(searchText.trim())) {
       return;
     }
 
@@ -174,6 +178,9 @@ function PinnedSearchBar({
           <form
             onSubmit={(e) => {
               e.preventDefault();
+              handlePinToggle();
+              if(searchText.trim()!=="")
+                setOpen(false);
             }}
           >
             <div className="flex items-center gap-2">
@@ -188,13 +195,9 @@ function PinnedSearchBar({
                     suggestions.length > 0 ? "rounded-b-none" : ""
                   }`}
                 />
-                <button
-                  type="submit"
-                  className="absolute inset-y-0 right-3 flex items-center"
-                  title="Search"
-                >
+                <div className="absolute inset-y-0 right-3 flex items-center">
                   <Search className="h-5 w-5 text-black dark:text-white" />
-                </button>
+                </div>
 
                 {suggestions.length > 0 && (
                   <ul

src/components/bannerDismiss.tsx

@@ -52,11 +52,11 @@ export default function Banner({
 
         <button
           onClick={closeBanner}
-          className="absolute right-4 top-4 transition hover:opacity-75 sm:static sm:self-start"
+          className="absolute right-4 top-6 transition hover:opacity-75 sm:static sm:self-start"
           aria-label="Dismiss banner"
           style={{ color: accentColor }}
         >
-          <X className="h-5 w-5" />
+          <X className="text-sm"/>
         </button>
       </div>
     </div>

src/components/screens/Faq.tsx

@@ -82,7 +82,7 @@ function Faq() {
                 className={`flex h-6 w-8 shrink-0 items-center justify-center rounded-full text-base font-bold transition-all duration-200 sm:h-7 sm:w-9 sm:text-lg ${
                   faqActive === index
                     ? "bg-[#A47DE5] text-white"
-                    : "bg-white text-[#99979F]"
+                    : "bg-black text-white"
                 }`}
               >
                 {faqActive === index ? "−" : "+"}

src/components/ui/switch.tsx

@@ -27,7 +27,7 @@ const Switch = React.forwardRef<
       {props.checked ? (
         <Moon className="h-4 w-4 text-black" />
       ) : (
-        <Sun className="black h-4 w-4" />
+        <Sun className="black h-4 w-4 text-black" />
       )}
     </SwitchPrimitives.Thumb>
   </SwitchPrimitives.Root>

src/db/papers.ts

@@ -5,7 +5,7 @@ const adminSchema = new Schema<IAdminPaper>({
   public_id_cloudinary: { type: String, required: true },
   cloudinary_index: { type: Number, required: true },
   final_url: { type: String, required: true },
-  thumbnail_url: { type: String, required: true },
+  thumbnail_url: { type: String, required: false },
   subject: { type: String || null, index: true },
   slot: { type: String || null },
   year: { type: String || null },