reflects search value from URL in table search

Vizzuality · Dec 10, 2024 · bce2e08 · bce2e08
1 parent d680ce9
commit bce2e08
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/client/src/components/ui/search.tsx b/client/src/components/ui/search.tsx
@@ -17,15 +17,17 @@ export default function Search({
   className,
   autoFocus = false,
   showCloseIconAlways = false,
+  defaultValue = "",
 }: {
   placeholder?: string;
   onChange: (v: string | undefined) => void;
   onClose?: () => void;
   className?: HTMLDivElement["className"] | undefined;
   autoFocus?: HTMLInputElement["autofocus"] | undefined;
   showCloseIconAlways?: boolean | undefined;
+  defaultValue?: string | undefined;
 }) {
-  const [value, setValue] = useState("");
+  const [value, setValue] = useState(defaultValue);
 
   const debouncedOnChange = useDebounce((value: string | undefined) => {
     onChange(value);

diff --git a/client/src/containers/overview/table/toolbar/search/index.tsx b/client/src/containers/overview/table/toolbar/search/index.tsx
@@ -5,7 +5,7 @@ import { useGlobalFilters } from "@/app/(overview)/url-store";
 import Search from "@/components/ui/search";
 
 export default function SearchProjectsTable() {
-  const [, setFilters] = useGlobalFilters();
+  const [{ keyword }, setFilters] = useGlobalFilters();
 
   const handleSearch = async (
     v: Parameters<ComponentProps<typeof Search>["onChange"]>[0],
@@ -18,6 +18,7 @@ export default function SearchProjectsTable() {
       placeholder="Search project"
       onChange={handleSearch}
       className="flex-1"
+      defaultValue={keyword}
     />
   );
 }