Further Clean up status WIP

navapbc · Jun 26, 2024 · b14d9e0 · b14d9e0
1 parent 307c2dd
commit b14d9e0
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 9 deletions.
diff --git a/frontend/src/app/[locale]/look/SearchBar.tsx b/frontend/src/app/[locale]/look/SearchBar.tsx
@@ -7,7 +7,7 @@ import { QueryContext } from "./QueryProvider";
 import { useContext } from "react";
 
 interface SearchBarProps {
-  query: string;
+  query: string | null | undefined;
 }
 
 export default function SearchBar({ query }: SearchBarProps) {
@@ -46,7 +46,7 @@ export default function SearchBar({ query }: SearchBarProps) {
           id="query"
           type="search"
           name="query"
-          defaultValue={query}
+          defaultValue={query || ""}
           onChange={(e) => updateQueryTerm(e.target?.value)}
           onKeyDown={(e) => {
             if (e.key === 'Enter') {

diff --git a/frontend/src/app/[locale]/look/SearchOpportunityStatus.tsx b/frontend/src/app/[locale]/look/SearchOpportunityStatus.tsx
@@ -38,8 +38,6 @@ export default function SearchOpportunityStatus({ selectedStatuses }: SearchOppo
   const router = useRouter();
   const statuses = Array.from(selectedStatuses).join(",");
 
- // console.log(Array.from(selectedStatuses).join(","), statuses)
-
   const updateAll = (statusValue: string, isChecked: boolean) => {
     const params = new URLSearchParams(searchParams);
     const currentStatus = params.get('status');

diff --git a/frontend/src/app/[locale]/look/page.tsx b/frontend/src/app/[locale]/look/page.tsx
@@ -35,11 +35,9 @@ export default function Look({
 }) {
   unstable_setRequestLocale("en");
   const t = useTranslations("Process");
-  const key = searchParams.toString()
+  const key = Object.entries(searchParams).join(',')
   const convertedSearchParams = convertSearchParamsToProperTypes(searchParams);
-
-  const query = convertedSearchParams?.query || '';
-  const statuses = convertedSearchParams?.status || '';
+  const { query, status } = convertedSearchParams;
 
   return (
     <>
@@ -54,7 +52,7 @@ export default function Look({
           </div>
           <div className="grid-row grid-gap">
             <div className="tablet:grid-col-4">
-                <SearchOpportunityStatus selectedStatuses={statuses} />
+                <SearchOpportunityStatus selectedStatuses={status} />
             </div>
             <div className="tablet:grid-col-8">
               <Suspense key={key} fallback={<Loading />}>