diff options
Diffstat (limited to 'components/form-data/form-data-report-temp-upload-dialog.tsx')
| -rw-r--r-- | components/form-data/form-data-report-temp-upload-dialog.tsx | 28 |
1 files changed, 26 insertions, 2 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 b646c3e6..413c1e51 100644 --- a/components/form-data/form-data-report-temp-upload-dialog.tsx +++ b/components/form-data/form-data-report-temp-upload-dialog.tsx @@ -9,7 +9,7 @@ import React, { } from "react"; import { useToast } from "@/hooks/use-toast"; import prettyBytes from "pretty-bytes"; -import { X, Loader2 } from "lucide-react"; +import { X, Loader2, Download } from "lucide-react"; import { Badge } from "@/components/ui/badge"; import { Dialog, @@ -137,7 +137,8 @@ export const FormDataReportTempUploadDialog: FC< <DialogHeader> <DialogTitle>Report Template Upload</DialogTitle> <DialogDescription> - 사용하시고자 하는 Report Template를 업로드 하여주시기 바랍니다. + 사용하시고자 하는 Report Template(docx File)를 업로드 하여주시기 + 바랍니다. </DialogDescription> </DialogHeader> {/* {prevReportTemp.length > 0 && ( @@ -150,6 +151,29 @@ export const FormDataReportTempUploadDialog: FC< </ScrollArea> </> )} */} + <div + // className="flex flex-col gap-2" + > + <Label>Sample Template Download</Label> + + <FileList className="max-h-[200px] gap-3"> + <FileListItem className="p-3"> + <FileListHeader> + <FileListIcon /> + <FileListInfo> + <FileListName>sample_template_file.docx</FileListName> + </FileListInfo> + <FileListAction + // onClick={() => removeFile(index)} + // disabled={isUploading} + > + <Download className="h-4 w-4" /> + <span className="sr-only">Download</span> + </FileListAction> + </FileListHeader> + </FileListItem> + </FileList> + </div> <Dropzone maxSize={MAX_FILE_SIZE} |