From 6930fdc98c6180fda877515207165ae8c8790bab Mon Sep 17 00:00:00 2001
From: John Ballesteros <johnshift.dev@gmail.com>
Date: Tue, 12 Mar 2024 14:09:28 +0800
Subject: [PATCH] refactor: add placeholder props to filters section component

---
 app/jobs/@list/client-page.tsx                   | 5 ++++-
 src/filters/components/filters-section/index.tsx | 5 +++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/app/jobs/@list/client-page.tsx b/app/jobs/@list/client-page.tsx
index 5a056a09e..3832c1e84 100644
--- 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
index b3ca38e7e..f15cacbe7 100644
--- 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 />