From 6b1d3a744ab9d45a6c252c926c4a9d2c249d38d0 Mon Sep 17 00:00:00 2001
From: Vishnu Mohandas <vishnu@vishnu.tech>
Date: Tue, 25 May 2021 15:17:57 +0530
Subject: [PATCH] Update placeholder

---
 src/components/SearchBar.tsx           | 17 +++++++++++------
 src/utils/strings/englishConstants.tsx |  4 +++-
 2 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/src/components/SearchBar.tsx b/src/components/SearchBar.tsx
index 5e947d887..8e639a196 100644
--- a/src/components/SearchBar.tsx
+++ b/src/components/SearchBar.tsx
@@ -90,11 +90,11 @@ export default function SearchBar(props: Props) {
         option.push(
             ...searchResults.map(
                 (searchResult) =>
-                    ({
-                        type: SuggestionType.LOCATION,
-                        value: searchResult.bbox,
-                        label: searchResult.placeName,
-                    } as Suggestion)
+                ({
+                    type: SuggestionType.LOCATION,
+                    value: searchResult.bbox,
+                    label: searchResult.placeName,
+                } as Suggestion)
             )
         );
         return option;
@@ -220,6 +220,11 @@ export default function SearchBar(props: Props) {
             backgroundColor: '#282828',
             color: '#d1d1d1',
         }),
+        placeholder: (style) => ({
+            ...style,
+            color: '#686868',
+            wordSpacing: '2px',
+        })
     };
 
     return (
@@ -238,7 +243,7 @@ export default function SearchBar(props: Props) {
                         Control: ControlWithIcon,
                     }}
                     ref={selectRef}
-                    placeholder={constants.SEARCH_HINT}
+                    placeholder={constants.SEARCH_HINT()}
                     loadOptions={getOptions}
                     onChange={filterFiles}
                     isClearable
diff --git a/src/utils/strings/englishConstants.tsx b/src/utils/strings/englishConstants.tsx
index 312e3d7cf..059584b1f 100644
--- a/src/utils/strings/englishConstants.tsx
+++ b/src/utils/strings/englishConstants.tsx
@@ -301,7 +301,9 @@ const englishConstants = {
     SHARING_BAD_REQUEST_ERROR: 'sharing album not allowed',
     SHARING_DISABLED_FOR_FREE_ACCOUNTS: 'sharing is disabled for free accounts',
     CREATE_ALBUM_FAILED: 'failed to create album , please try again',
-    SEARCH_HINT: 'search your photos',
+    SEARCH_HINT: () => (
+        <span>New York, April 14, Christmas, ...</span>
+    ),
     TERMS_AND_CONDITIONS: () => (
         <p>
             I agree to the{' '}