Update placeholder

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

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{' '}