chore: rename search placeholder id for home screen

BitcreditProtocol · Dec 18, 2024 · 9007d0d · 9007d0d
1 parent 5598500
commit 9007d0d
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/src/i18n/source.json b/src/i18n/source.json
@@ -101,6 +101,7 @@
   "Restore with seed phrase": "Restore with seed phrase",
   "Save": "Save",
   "Search": "Search",
+  "Search field for home page": "Search...",
   "Search for bills": "Search for bills...",
   "See all": "See all",
   "See history": "See history",

diff --git a/src/pages/home/index.tsx b/src/pages/home/index.tsx
@@ -1,3 +1,4 @@
+import { useIntl } from "react-intl";
 import Topbar from "@/components/Topbar";
 import Search from "@/components/ui/search";
 import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
@@ -6,6 +7,8 @@ import Balances from "./components/Balances";
 import Bills from "./components/Bills";
 
 export default function Home() {
+  const intl = useIntl();
+
   return (
     <div className="flex flex-col gap-6 w-full min-h-fit h-screen py-6 px-5 bg-background-ellipse bg-no-repeat select-none">
       <Topbar
@@ -21,7 +24,11 @@ export default function Home() {
           <Search
             className="w-full"
             size="xs"
-            placeholder="Search..."
+            placeholder={intl.formatMessage({
+              id: "Search field for home page",
+              defaultMessage: "Search...",
+              description: "Search placeholder for home page",
+            })}
             onSearch={() => {
               console.log("search");
             }}