From e485b8ff0bb8d2e47393742c0787f30263d7db46 Mon Sep 17 00:00:00 2001
From: Roland <roland@learningselfreliance.com>
Date: Mon, 3 Jan 2022 16:26:16 -0700
Subject: [PATCH] Adding placeholder to search input.

---
 app/src/App.js               | 2 +-
 app/src/components/Common.js | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/src/App.js b/app/src/App.js
index d8d8be49..f6ad3cae 100644
--- a/app/src/App.js
+++ b/app/src/App.js
@@ -76,7 +76,7 @@ function Welcome() {
 
     return (
         <Container style={{marginTop: '2em'}}>
-            <SearchInput initValue={searchStr} onSubmit={setSearchStr} size='big'/>
+            <SearchInput initValue={searchStr} onSubmit={setSearchStr} size='big' placeholder='Search Everywhere...'/>
             {body}
         </Container>
     )
diff --git a/app/src/components/Common.js b/app/src/components/Common.js
index a25d77ba..0ba16e61 100644
--- a/app/src/components/Common.js
+++ b/app/src/components/Common.js
@@ -501,7 +501,7 @@ export function ClearButton({onClick, style, label, icon = 'close'}) {
     </Button>
 }
 
-export function SearchInput({initValue, onSubmit, size}) {
+export function SearchInput({initValue, onSubmit, size, placeholder='Search...'}) {
     let [value, setValue] = useState(initValue || '');
     size = size || 'small';
 
@@ -536,7 +536,7 @@ export function SearchInput({initValue, onSubmit, size}) {
             <Form.Group inline style={{marginBottom: '1em'}}>
                 <Input
                     type='text'
-                    placeholder='Search...'
+                    placeholder={placeholder}
                     onChange={(e) => setValue(e.target.value)}
                     value={value}
                     size={size}