modified the SearchBar component to include a placeholder parameter, allowing customizable placholder text

Author: vi0let-byte

apps/searchneu/components/catalog/MobileWrapper.tsx

@@ -83,7 +83,7 @@ export function MobileWrapper(props: {
             </DrawerContent>
           </Drawer>
 
-          <SearchBar />
+          <SearchBar placeholder="Search by course or phrase..." />
         </div>
         <div className="flex h-full min-h-0 w-full min-w-0">
           <div

apps/searchneu/components/catalog/search/SearchBar.tsx

@@ -6,7 +6,7 @@ import { Input } from "@/components/ui/input";
 import { SearchIcon } from "lucide-react";
 import { track } from "@vercel/analytics";
 
-export function SearchBar() {
+export function SearchBar({ placeholder }: { placeholder: string }) {
   const searchParams = useSearchParams();
   const pathname = usePathname();
   const { course } = useParams();
@@ -92,15 +92,15 @@ export function SearchBar() {
       <Input
         ref={searchInputRef}
         className="bg-neu1 focus:border-neu3 visible border pl-10 md:hidden"
-        placeholder="Search by course or phrase..."
+        placeholder={placeholder}
         value={inputValue}
         onChange={(e) => setInputValue(e.target.value)}
         onKeyDown={(e) => e.key === "Enter" && handleSubmit()}
       />
       <Input
         ref={searchInputRef}
         className="bg-neu1 focus:border-neu3 hidden border pl-10 md:block"
-        placeholder="Search by course or phrase..."
+        placeholder={placeholder}
         value={inputValue}
         onChange={(e) => {
           setInputValue(e.target.value);