1 files changed, 60 insertions, 56 deletions
diff --git a/components/form-data/form-data-report-temp-upload-dialog.tsx b/components/form-data/form-data-report-temp-upload-dialog.tsx
index 78663d64..59ea6ade 100644
--- a/components/form-data/form-data-report-temp-upload-dialog.tsx
+++ b/components/form-data/form-data-report-temp-upload-dialog.tsx
@@ -1,6 +1,8 @@
 "use client";
 
 import React, { FC, Dispatch, SetStateAction, useState } from "react";
+import { useParams } from "next/navigation";
+import { useTranslation } from "@/i18n/client";
 import {
   Dialog,
   DialogContent,
@@ -38,60 +40,62 @@ export const FormDataReportTempUploadDialog: FC<
   formCode,
   uploaderType,
 }) => {
-    const [tabValue, setTabValue] = useState<"upload" | "uploaded">("upload");
+  const params = useParams();
+  const lng = (params?.lng as string) || "ko";
+  const { t } = useTranslation(lng, "engineering");
 
-    return (
-      <Dialog open={open} onOpenChange={setOpen}>
-        <DialogContent className="w-[600px]" style={{ maxWidth: "none" }}>
-          <DialogHeader className="gap-2">
-            <DialogTitle>Vendor Document Template</DialogTitle>
-            <DialogDescription className="flex justify-around gap-[16px] ">
-              {/* 사용하시고자 하는 Vendor Document Template(.docx)를 업로드
-            하여주시기 바랍니다. */}
-              <FileActionsDropdown
-                filePath={"/vendorFormReportSample/sample_template_file.docx"}
-                fileName={"sample_template_file.docx"}
-                variant="ghost"
-                size="icon"
-                description="Sample File"
-              />
-              <VarListDownloadBtn columnsJSON={columnsJSON} formCode={formCode} />
-            </DialogDescription>
-          </DialogHeader>
-          <Tabs value={tabValue}>
-            <div className="flex justify-between items-center">
-              <TabsList className="w-full">
-                <TabsTrigger
-                  value="upload"
-                  onClick={() => setTabValue("upload")}
-                  className="flex-1"
-                >
-                  Upload Template File
-                </TabsTrigger>
-                <TabsTrigger
-                  value="uploaded"
-                  onClick={() => setTabValue("uploaded")}
-                  className="flex-1"
-                >
-                  Uploaded Template File List
-                </TabsTrigger>
-              </TabsList>
-            </div>
-            <TabsContent value="upload">
-              <FormDataReportTempUploadTab
-                packageId={packageId}
-                formId={formId}
-                uploaderType={uploaderType}
-              />
-            </TabsContent>
-            <TabsContent value="uploaded">
-              <FormDataReportTempUploadedListTab
-                packageId={packageId}
-                formId={formId}
-              />
-            </TabsContent>
-          </Tabs>
-        </DialogContent>
-      </Dialog>
-    );
-  };
-\ No newline at end of file
+  const [tabValue, setTabValue] = useState<"upload" | "uploaded">("upload");
+
+  return (
+    <Dialog open={open} onOpenChange={setOpen}>
+      <DialogContent className="w-[600px]" style={{ maxWidth: "none" }}>
+        <DialogHeader className="gap-2">
+          <DialogTitle>{t("templateUpload.dialogTitle")}</DialogTitle>
+          <DialogDescription className="flex justify-around gap-[16px] ">
+            <FileActionsDropdown
+              filePath={"/vendorFormReportSample/sample_template_file.docx"}
+              fileName={"sample_template_file.docx"}
+              variant="ghost"
+              size="icon"
+              description={t("templateUpload.sampleFile")}
+            />
+            <VarListDownloadBtn columnsJSON={columnsJSON} formCode={formCode} />
+          </DialogDescription>
+        </DialogHeader>
+        <Tabs value={tabValue}>
+          <div className="flex justify-between items-center">
+            <TabsList className="w-full">
+              <TabsTrigger
+                value="upload"
+                onClick={() => setTabValue("upload")}
+                className="flex-1"
+              >
+                {t("templateUpload.uploadTab")}
+              </TabsTrigger>
+              <TabsTrigger
+                value="uploaded"
+                onClick={() => setTabValue("uploaded")}
+                className="flex-1"
+              >
+                {t("templateUpload.uploadedListTab")}
+              </TabsTrigger>
+            </TabsList>
+          </div>
+          <TabsContent value="upload">
+            <FormDataReportTempUploadTab
+              packageId={packageId}
+              formId={formId}
+              uploaderType={uploaderType}
+            />
+          </TabsContent>
+          <TabsContent value="uploaded">
+            <FormDataReportTempUploadedListTab
+              packageId={packageId}
+              formId={formId}
+            />
+          </TabsContent>
+        </Tabs>
+      </DialogContent>
+    </Dialog>
+  );
+};
+\ No newline at end of file