From 9b5af190f8fbfe45a7131c62116bbffda2d41530 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Furkan=20=C4=B0?= <developer@furkanipek.com.tr>
Date: Tue, 25 Feb 2025 17:44:20 +0300
Subject: [PATCH] Update app/components/invoice/InvoiceActions

---
 app/components/invoice/InvoiceActions.tsx | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/app/components/invoice/InvoiceActions.tsx b/app/components/invoice/InvoiceActions.tsx
index b9ea57c1..cac6ffb9 100644
--- a/app/components/invoice/InvoiceActions.tsx
+++ b/app/components/invoice/InvoiceActions.tsx
@@ -19,6 +19,7 @@ import {
 
 // Contexts
 import { useInvoiceContext } from "@/contexts/InvoiceContext";
+import { useTranslationContext } from "@/contexts/TranslationContext";
 
 // Icons
 import { FileInput, FolderUp, Import, Plus } from "lucide-react";
@@ -26,12 +27,13 @@ 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>