1 files changed, 106 insertions, 0 deletions
diff --git a/lib/vendor-rfq-response/vendor-rfq-table/attachment-rfq-sheet.tsx b/lib/vendor-rfq-response/vendor-rfq-table/attachment-rfq-sheet.tsx
new file mode 100644
index 00000000..6c51c12c
--- /dev/null
+++ b/lib/vendor-rfq-response/vendor-rfq-table/attachment-rfq-sheet.tsx
@@ -0,0 +1,106 @@
+"use client"
+
+import * as React from "react"
+import {
+  Sheet,
+  SheetContent,
+  SheetHeader,
+  SheetTitle,
+  SheetDescription,
+  SheetFooter,
+  SheetClose,
+} from "@/components/ui/sheet"
+import { Button } from "@/components/ui/button"
+import { Download } from "lucide-react"
+import { formatDate } from "@/lib/utils"
+
+// 첨부파일 구조
+interface RfqAttachment {
+  id: number
+  fileName: string
+  filePath: string
+  createdAt?: Date  // or Date
+  vendorId?: number | null
+  size?: number
+}
+
+// 컴포넌트 Prop
+interface RfqAttachmentsSheetProps extends React.ComponentPropsWithRef<typeof Sheet> {
+  rfqId: number
+  attachments?: RfqAttachment[]
+}
+
+/**
+ * RfqAttachmentsSheet:
+ * - 단순히 첨부파일 리스트 + 다운로드 버튼만
+ */
+export function RfqAttachmentsSheet({
+  rfqId,
+  attachments = [],
+  ...props
+}: RfqAttachmentsSheetProps) {
+  return (
+    <Sheet {...props}>
+      <SheetContent className="flex flex-col gap-6 sm:max-w-sm">
+        <SheetHeader>
+          <SheetTitle>Attachments</SheetTitle>
+          <SheetDescription>RFQ #{rfqId}에 대한 첨부파일 목록</SheetDescription>
+        </SheetHeader>
+
+        <div className="space-y-2">
+          {/* 첨부파일이 없을 경우 */}
+          {attachments.length === 0 && (
+            <p className="text-sm text-muted-foreground">
+              No attachments
+            </p>
+          )}
+
+          {/* 첨부파일 목록 */}
+          {attachments.map((att) => (
+            <div
+              key={att.id}
+              className="flex items-center justify-between rounded border p-2"
+            >
+              <div className="flex flex-col text-sm">
+                <span className="font-medium">{att.fileName}</span>
+                {att.size && (
+                  <span className="text-xs text-muted-foreground">
+                    {Math.round(att.size / 1024)} KB
+                  </span>
+                )}
+                {att.createdAt && (
+                  <span className="text-xs text-muted-foreground">
+                    Created at {formatDate(att.createdAt)}
+                  </span>
+                )}
+              </div>
+              {/* 파일 다운로드 버튼 */}
+              {att.filePath && (
+                <a
+                  href={att.filePath}
+                  download
+                  target="_blank"
+                  rel="noreferrer"
+                  className="text-sm"
+                >
+                  <Button variant="ghost" size="icon" type="button">
+                    <Download className="h-4 w-4" />
+                  </Button>
+                </a>
+              )}
+            </div>
+          ))}
+        </div>
+
+        <SheetFooter className="gap-2 pt-2">
+          {/* 닫기 버튼 */}
+          <SheetClose asChild>
+            <Button type="button" variant="outline">
+              Close
+            </Button>
+          </SheetClose>
+        </SheetFooter>
+      </SheetContent>
+    </Sheet>
+  )
+}
+\ No newline at end of file