fix: build issue, #287, #289, #290, #292, #307

Author: karannfr

src/app/upload/page.tsx

@@ -219,7 +219,7 @@ const Page = () => {
                         </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't show up immediately, please be patient,it's likely still under review.
+                            <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>

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

@@ -60,6 +60,10 @@ function PinnedSearchBar({
       setPinned(currentPinnedSubjects.includes(suggestion));
     }
 
+    setTimeout(() => {
+      searchRef.current?.focus();
+    }, 0);
+    
     setShowControls(true);
     setSuggestions([]);
     filtersNotPulled?.();
@@ -95,7 +99,7 @@ function PinnedSearchBar({
     const current = !pinned;
     setPinned(current);
 
-    if (searchText.trim() === "") {
+    if (searchText.trim() === "" || !initialSubjects.includes(searchText.trim())) {
       return;
     }
 
@@ -167,6 +171,9 @@ function PinnedSearchBar({
           <form
             onSubmit={(e) => {
               e.preventDefault();
+              handlePinToggle();
+              if(searchText.trim()!=="")
+                setOpen(false);
             }}
           >
             <div className="flex items-center gap-2">
@@ -181,13 +188,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/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>