fix(ds): translate

onlydustxyz · Aug 13, 2024 · 4af490d · 4af490d
1 parent bb05384
commit 4af490d
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 5 deletions.
diff --git a/...ard-transaction/card-transaction.utils.ts → ...rd-transaction/card-transaction.utils.tsx b/...ard-transaction/card-transaction.utils.ts → ...rd-transaction/card-transaction.utils.tsx
@@ -1,32 +1,36 @@
+import { ReactNode } from "react";
+
 import { IconPort } from "@/design-system/atoms/icon";
 
+import { Translate } from "@/shared/translation/components/translate/translate";
+
 import { CardTransactionStatus } from "./card-transaction.types";
 
 export function getComponentsVariants(status: CardTransactionStatus): {
   icon: IconPort;
-  statusName: string;
+  statusName: ReactNode;
 } {
-  const map: Record<CardTransactionStatus, { icon: IconPort; statusName: string }> = {
+  const map: Record<CardTransactionStatus, { icon: IconPort; statusName: ReactNode }> = {
     granted: {
       icon: {
         name: "ri-arrow-right-line",
         className: "text-label-blue",
       },
-      statusName: "Granted",
+      statusName: <Translate token="cards:cardTransaction.status.granted" />,
     },
     allocated: {
       icon: {
         name: "ri-arrow-down-line",
         className: "text-label-green",
       },
-      statusName: "Allocated",
+      statusName: <Translate token="cards:cardTransaction.status.allocated" />,
     },
     returned: {
       icon: {
         name: "ri-arrow-turn-forward-line",
         className: "text-label-red",
       },
-      statusName: "Returned",
+      statusName: <Translate token="cards:cardTransaction.status.returned" />,
     },
   };
 

diff --git a/design-system/molecules/cards/card-transaction/translations/card-transaction.en.json b/design-system/molecules/cards/card-transaction/translations/card-transaction.en.json
@@ -0,0 +1,7 @@
+{
+  "status": {
+    "granted": "Granted",
+    "allocated": "Allocated",
+    "returned": "Returned"
+  }
+}
diff --git a/design-system/molecules/cards/card-transaction/translations/card-transaction.translate.ts b/design-system/molecules/cards/card-transaction/translations/card-transaction.translate.ts
@@ -0,0 +1,5 @@
+import enCardTransaction from "./card-transaction.en.json";
+
+export const enCardTransactionTranslation = {
+  cardTransaction: enCardTransaction,
+};
diff --git a/shared/translation/en.ts b/shared/translation/en.ts
@@ -1,6 +1,7 @@
 import { enProgramsTranslation } from "@/app/programs/_translations/programs.translate";
 import { enTestTranslation } from "@/app/test/_translations/test.translate";
 
+import { enCardTransactionTranslation } from "@/design-system/molecules/cards/card-transaction/translations/card-transaction.translate";
 import { enTableFilterTranslation } from "@/design-system/molecules/table-filter/translations/table-filter.translate";
 
 import { enFeedbackDrawerTranslate } from "@/shared/features/feedback-drawer/_translations/feedback-drawer.translate";
@@ -14,4 +15,7 @@ export const en = {
   ...enFeedbackDrawerTranslate,
   ...enProgramsTranslation,
   ...enTableFilterTranslation,
+  cards: {
+    ...enCardTransactionTranslation,
+  },
 };