refactor: add placeholder props to filters section component

jobstash · Mar 12, 2024 · 6930fdc · 6930fdc
1 parent a081ca5
commit 6930fdc
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/app/jobs/@list/client-page.tsx b/app/jobs/@list/client-page.tsx
@@ -19,7 +19,10 @@ export const JobListClientPage = ({ rawSearchParams }: Props) => {
       routeSection={ROUTE_SECTIONS.JOBS}
       atom={jobFiltersSearchParamsAtom}
     >
-      <FiltersSection countAtom={jobTotalCountAtom} />
+      <FiltersSection
+        countAtom={jobTotalCountAtom}
+        searchPlaceholder="Enter job title, description, or organization..."
+      />
       <JobList />
     </FiltersProvider>
   );

diff --git a/src/filters/components/filters-section/index.tsx b/src/filters/components/filters-section/index.tsx
@@ -8,12 +8,13 @@ import { TotalCount } from './total-count';
 
 interface Props {
   countAtom: PrimitiveAtom<number | null>;
+  searchPlaceholder: string;
 }
 
-export const FiltersSection = ({ countAtom }: Props) => {
+export const FiltersSection = ({ countAtom, searchPlaceholder }: Props) => {
   return (
     <div className="flex flex-col gap-4">
-      <FilterQueryInput placeholder="Enter job title, description, or organization..." />
+      <FilterQueryInput placeholder={searchPlaceholder} />
 
       <FilterToggler countSection={<TotalCount countAtom={countAtom} />}>
         <FilterConfigMapper />