diff options
Diffstat (limited to 'components')
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> ); }; |