Merge pull request #613 from furkanipek/i18n-update

Update app/components/invoice/InvoiceActions
al1abb · Feb 26, 2025 · aa6320b · aa6320b
2 parents 76b0739 + 9b5af19
commit aa6320b
Showing 1 changed file with 8 additions and 6 deletions.
diff --git a/app/components/invoice/InvoiceActions.tsx b/app/components/invoice/InvoiceActions.tsx
@@ -19,19 +19,21 @@ import {
 
 // Contexts
 import { useInvoiceContext } from "@/contexts/InvoiceContext";
+import { useTranslationContext } from "@/contexts/TranslationContext";
 
 // Icons
 import { FileInput, FolderUp, Import, Plus } from "lucide-react";
 
 const InvoiceActions = () => {
     const { invoicePdfLoading } = useInvoiceContext();
 
+    const { _t } = useTranslationContext();
     return (
         <div className={`xl:w-[45%]`}>
             <Card className="h-auto sticky top-0 px-2">
                 <CardHeader>
-                    <CardTitle>ACTIONS</CardTitle>
-                    <CardDescription>Operations and preview</CardDescription>
+                    <CardTitle>{_t("actions.title")}</CardTitle>
+                    <CardDescription>{_t("actions.description")}</CardDescription>
                 </CardHeader>
 
                 <div className="flex flex-col flex-wrap items-center gap-2">
@@ -44,7 +46,7 @@ const InvoiceActions = () => {
                                 disabled={invoicePdfLoading}
                             >
                                 <FolderUp />
-                                Load Invoice
+                                {_t("actions.loadInvoice")}
                             </BaseButton>
                         </InvoiceLoaderModal>
 
@@ -56,7 +58,7 @@ const InvoiceActions = () => {
                                 disabled={invoicePdfLoading}
                             >
                                 <Import />
-                                Export Invoice
+                                {_t("actions.exportInvoice")}
                             </BaseButton>
                         </InvoiceExportModal>
                     </div>
@@ -70,7 +72,7 @@ const InvoiceActions = () => {
                                 disabled={invoicePdfLoading}
                             >
                                 <Plus />
-                                New Invoice
+                                {_t("actions.newInvoice")}
                             </BaseButton>
                         </NewInvoiceAlert>
 
@@ -82,7 +84,7 @@ const InvoiceActions = () => {
                             loadingText="Generating your invoice"
                         >
                             <FileInput />
-                            Generate PDF
+                            {_t("actions.generatePdf")}
                         </BaseButton>
                     </div>