sample_temp_download_icon, var_list_download_icon 변경

4 files changed, 30 insertions, 13 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 51fe5aca..74cfe7c3 100644
--- a/components/form-data/form-data-report-temp-upload-dialog.tsx
+++ b/components/form-data/form-data-report-temp-upload-dialog.tsx
@@ -72,21 +72,25 @@ export const FormDataReportTempUploadDialog: FC<
               <TooltipProvider>
                 <Tooltip>
                   <TooltipTrigger asChild>
-                    <TempDownloadBtn />
+                    <div>
+                      <TempDownloadBtn />
+                    </div>
                   </TooltipTrigger>
                   <TooltipContent>
-                    <Label>Template Sample Download</Label>
+                    <Label>Template Sample File Download</Label>
                   </TooltipContent>
                 </Tooltip>
                 <Tooltip>
                   <TooltipTrigger asChild>
-                    <VarListDownloadBtn
-                      columnsJSON={columnsJSON}
-                      formCode={formCode}
-                    />
+                    <div>
+                      <VarListDownloadBtn
+                        columnsJSON={columnsJSON}
+                        formCode={formCode}
+                      />
+                    </div>
                   </TooltipTrigger>
                   <TooltipContent>
-                    <Label>Variable List Download</Label>
+                    <Label>Variable List File Download</Label>
                   </TooltipContent>
                 </Tooltip>
               </TooltipProvider>
diff --git a/components/form-data/form-data-report-temp-upload-tab.tsx b/components/form-data/form-data-report-temp-upload-tab.tsx
index c09ade28..5e6179a8 100644
--- a/components/form-data/form-data-report-temp-upload-tab.tsx
+++ b/components/form-data/form-data-report-temp-upload-tab.tsx
@@ -2,6 +2,7 @@
 
 import React, { FC, useState } from "react";
 import { useToast } from "@/hooks/use-toast";
+import { toast as toastMessage } from "sonner";
 import prettyBytes from "pretty-bytes";
 import { X, Loader2 } from "lucide-react";
 import { Badge } from "@/components/ui/badge";
@@ -92,6 +93,7 @@ export const FormDataReportTempUploadTab: FC<
         successCount++;
         setUploadProgress(Math.round((successCount / totalFiles) * 100));
       }
+      toastMessage.success("Template File 업로드 완료!");
     } catch (err) {
       console.error(err);
       toast({
@@ -102,11 +104,12 @@ export const FormDataReportTempUploadTab: FC<
     } finally {
       setIsUploading(false);
       setUploadProgress(0);
+      setSelectedFiles([])
     }
   };
 
   return (
-    <>
+    <div className='flex flex-col gap-4'>
       <div>
         <Label>Vendor Document Template File Upload(.docx)</Label>
         <Dropzone
@@ -164,7 +167,7 @@ export const FormDataReportTempUploadTab: FC<
           업로드
         </Button>
       </DialogFooter>
-    </>
+    </div>
   );
 };
 
diff --git a/components/form-data/temp-download-btn.tsx b/components/form-data/temp-download-btn.tsx
index 01fff569..a5f963e4 100644
--- a/components/form-data/temp-download-btn.tsx
+++ b/components/form-data/temp-download-btn.tsx
@@ -1,9 +1,9 @@
 "use client";
 
 import React from "react";
+import Image from "next/image";
 import { useToast } from "@/hooks/use-toast";
 import { toast as toastMessage } from "sonner";
-import { Download } from "lucide-react";
 import { saveAs } from "file-saver";
 import { Button } from "@/components/ui/button";
 import { getReportTempFileData } from "@/lib/forms/services";
@@ -34,7 +34,12 @@ export const TempDownloadBtn = () => {
       aria-label="Template Sample Download"
       onClick={downloadTempFile}
     >
-      <Download />
+      <Image
+        src="/icons/temp_sample_icon.svg"
+        alt="Template Sample Download Icon"
+        width={20}
+        height={20}
+      />
     </Button>
   );
 };
diff --git a/components/form-data/var-list-download-btn.tsx b/components/form-data/var-list-download-btn.tsx
index 964844ce..19bb26f9 100644
--- a/components/form-data/var-list-download-btn.tsx
+++ b/components/form-data/var-list-download-btn.tsx
@@ -1,9 +1,9 @@
 "use client";
 
 import React, { FC } from "react";
+import Image from "next/image";
 import { useToast } from "@/hooks/use-toast";
 import { toast as toastMessage } from "sonner";
-import { BookDown } from "lucide-react";
 import ExcelJS from "exceljs";
 import { saveAs } from "file-saver";
 import { Button } from "@/components/ui/button";
@@ -99,7 +99,12 @@ export const VarListDownloadBtn: FC<VarListDownloadBtnProps> = ({
       aria-label="Variable List Download"
       onClick={downloadReportVarList}
     >
-      <BookDown />
+      <Image
+        src="/icons/var_list_icon.svg"
+        alt="Template Sample Download Icon"
+        width={20}
+        height={20}
+      />
     </Button>
   );
 };