setup for translation

Author: JoeChenJ

src/components/FindWalletProductTable/hooks/useWalletColumns.tsx

@@ -6,6 +6,7 @@ import { Wallet } from "@/lib/types"
 
 import type { TableMeta } from "@/components/DataTable"
 import WalletInfo from "@/components/FindWalletProductTable/WalletInfo"
+import Translation from "@/components/Translation"
 import { Button } from "@/components/ui/buttons/Button"
 import { TableCell } from "@/components/ui/table"
 
@@ -35,15 +36,16 @@ export const useWalletColumns: ColumnDef<Wallet>[] = [
           </Button>
           {meta.dataLength === meta.allDataLength ? (
             <p>
-              Showing all wallets <b>({meta.dataLength})</b>
+              <Translation id="page-wallets-find-wallet:page-find-wallet-showing-all-wallets" />
+              <b>({meta.dataLength})</b>
             </p>
           ) : (
             <p>
-              Showing{" "}
+              <Translation id="page-wallets-find-wallet:page-find-wallet-showing" />{" "}
               <b>
                 {meta.dataLength}/{meta.allDataLength}
               </b>{" "}
-              wallets
+              <Translation id="page-wallets-find-wallet:page-find-wallet-wallets" />
             </p>
           )}
         </div>

src/intl/en/page-wallets-find-wallet.json

@@ -84,5 +84,6 @@
   "page-find-wallet-social-links": "Links",
   "page-find-wallet-empty-results-title": "No results",
   "page-find-wallet-empty-results-desc": "There are no wallets matching your criteria, try removing some filters.",
-  "page-find-wallet-see-wallets": "See wallets"
+  "page-find-wallet-see-wallets": "See wallets",
+  "page-find-wallet-showing": "Showing"
 }