dashboard ui

frontend/components/dashboard/navbar/search.tsx

@@ -6,27 +6,34 @@ import { useEffect, useState } from "react";
 import { useRouter } from "next/navigation";
 
 export default function DashboardNavbarSearch() {
-  const [search, setSearch] = useState("");
+  // const [search, setSearch] = useState("");
   const router = useRouter();
 
-  useEffect(() => {
-    const delayDebounceFn = setTimeout(() => {
-      if (search) {
-        router.push(`/dashboard?q=${search}`);
-      } else {
-        router.push(`/dashboard`);
-      }
-    }, 300);
+  // useEffect(() => {
+  //   const delayDebounceFn = setTimeout(() => {
+  //     if (search) {
+  //       router.push(`/dashboard?q=${search}`);
+  //     } else {
+  //       router.push(`/dashboard`);
+  //     }
+  //   }, 300);
 
-    return () => clearTimeout(delayDebounceFn);
-  }, [search]);
+  //   return () => clearTimeout(delayDebounceFn);
+  // }, [search]);
 
   return (
     <div className="relative h-9 w-44 flex items-center justify-start">
       <Search className="w-4 h-4 absolute left-2 text-muted-foreground" />
       <Input
-        value={search}
-        onChange={(e) => setSearch(e.target.value)}
+        // value={search}
+        // onChange={(e) => setSearch(e.target.value)}
+        onChange={(e) => {
+          if (e.target.value === "") {
+            router.push(`/dashboard`);
+            return;
+          }
+          router.push(`/dashboard?q=${e.target.value}`);
+        }}
         placeholder="Search projects..."
         className="pl-8"
       />

frontend/components/dashboard/projectCard/index.tsx

@@ -31,7 +31,7 @@ export default function ProjectCard({
       onClick={() => router.push(`/code/${sandbox.id}`)}
       onMouseEnter={() => setHovered(true)}
       onMouseLeave={() => setHovered(false)}
-      className={`group/canvas-card p-4 h-48 flex flex-col justify-between items-start hover:border-muted-foreground relative overflow-hidden transition-all`}
+      className={`group/canvas-card p-4 h-48 flex flex-col justify-between items-start hover:border-muted-foreground/50 relative overflow-hidden transition-all`}
     >
       <AnimatePresence>
         {hovered && (

frontend/components/dashboard/projectCard/revealEffect.tsx

@@ -38,7 +38,7 @@ export const CanvasRevealEffect = ({
         />
       </div>
       {showGradient && (
-        <div className="absolute inset-0 bg-gradient-to-t from-neutral-950 to-[84%]" />
+        <div className="absolute inset-0 bg-gradient-to-t from-background to-[100%]" />
       )}
     </div>
   );