TNT-Flo/sandbox-web-ide
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

dashboard ui

Browse Source
This commit is contained in:
Ishaan Dey
2024-05-17 23:54:34 -07:00
parent 14ea89d690
commit bf35c2bf82
6 changed files with 61 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
frontend/components/dashboard/navbar/search.tsx
View File

@ -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"
/>