fix: remove hardcoded search placeholder

Author: mchappell

apps/browser-extension-wallet/src/views/browser-view/features/dapp/ui/components/filters/search/Search.component.tsx

@@ -1,5 +1,6 @@
 import { SearchBox } from '@input-output-hk/lace-ui-toolkit';
 import React, { useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
 
 type SearchProps = {
   onChange?: (value: string) => void;
@@ -8,10 +9,11 @@ type SearchProps = {
 
 export const Search: React.FC<SearchProps> = ({ onChange, initialValue = '' }) => {
   const [searchValue, setSearchValue] = useState(initialValue);
+  const { t } = useTranslation();
   useEffect(() => onChange?.(searchValue), [onChange, searchValue]);
   return (
     <SearchBox
-      placeholder="Search by ID or name"
+      placeholder={t('asset.searchPlaceholder')}
       value={searchValue}
       onChange={setSearchValue}
       onClear={() => setSearchValue('')}

packages/core/src/ui/components/AssetSelector/AssetSelectorOverlay.tsx

@@ -168,7 +168,7 @@ export const AssetSelectorOverlay = ({
           setValue('');
         }}
         withSearchIcon
-        inputPlaceholder="Search by ID or name"
+        inputPlaceholder={t('asset.searchPlaceholder')}
         onChange={handleSearch}
         value={value}
         onFocus={() => setFocus(true)}

packages/translation/src/lib/translations/browser-extension-wallet/en.json

@@ -965,5 +965,6 @@
   "dapp.connector.btc.error.description": "DApp connector for Bitcoin wallet is not supported in this version of the extension.",
   "dapp.connector.btc.error.closeButton": "Close",
   "languageChoice.english": "English",
-  "languageChoice.japanese": "Japanese"
+  "languageChoice.japanese": "Japanese",
+  "asset.searchPlaceholder": "Search by ID or name"
 }

packages/translation/src/lib/translations/browser-extension-wallet/ja.json

@@ -954,5 +954,6 @@
   "dapp.connector.btc.error.description": "この拡張機能のバージョンでは、BitcoinウォレットのDAppコネクタはサポートされていません。",
   "dapp.connector.btc.error.closeButton": "閉じる",
   "languageChoice.english": "英語",
-  "languageChoice.japanese": "日本語"
+  "languageChoice.japanese": "日本語",
+  "asset.searchPlaceholder": "IDまたは名前で検索"
 }