use a const for translation

Pull-Request-Community · Jul 3, 2022 · 333a92b · 333a92b
1 parent 2411a13
commit 333a92b
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/components/searchBar/SearchBar.tsx b/components/searchBar/SearchBar.tsx
@@ -20,6 +20,9 @@ const SearchBar = (props: Props): ReactElement => {
   const { handelSearch, placeholder } = props;
 
   const debounceHandler = useCallback(debounce(handelSearch, 1000), []);
+  const placeholderText = placeholder
+    ? placeholder
+    : useTranslator('searchPlaceholder', languageFile);
 
   const handleOnChange = async (event) => {
     const { value } = event.currentTarget;
@@ -31,7 +34,7 @@ const SearchBar = (props: Props): ReactElement => {
       <input
         onChange={handleOnChange}
         type="text"
-        placeholder={placeholder ? placeholder : useTranslator('searchPlaceholder', languageFile)}
+        placeholder={placeholderText}
         className={styles.textBox}
       />
       <svg