diff options
Diffstat (limited to 'lib/tbe/table/tbe-table.tsx')
| -rw-r--r-- | lib/tbe/table/tbe-table.tsx | 81 |
1 files changed, 60 insertions, 21 deletions
diff --git a/lib/tbe/table/tbe-table.tsx b/lib/tbe/table/tbe-table.tsx index e67b1d3d..83d601b3 100644 --- a/lib/tbe/table/tbe-table.tsx +++ b/lib/tbe/table/tbe-table.tsx @@ -15,12 +15,14 @@ import { DataTableAdvancedToolbar } from "@/components/data-table/data-table-adv import { useFeatureFlags } from "./feature-flags-provider" import { getColumns } from "./tbe-table-columns" import { Vendor, vendors } from "@/db/schema/vendors" -import { InviteVendorsDialog } from "./invite-vendors-dialog" import { CommentSheet, TbeComment } from "./comments-sheet" import { VendorWithTbeFields } from "@/config/vendorTbeColumnsConfig" import { TBEFileDialog } from "./file-dialog" import { fetchRfqAttachmentsbyCommentId, getAllTBE } from "@/lib/rfqs/service" import { VendorsTableToolbarActions } from "./tbe-table-toolbar-actions" +import { TbeResultDialog } from "./tbe-result-dialog" +import { toast } from "sonner" +import { VendorContactsDialog } from "./vendor-contact-dialog" interface VendorsTableProps { promises: Promise<[ @@ -39,6 +41,8 @@ export function AllTbeTable({ promises }: VendorsTableProps) { // 댓글 시트 관련 state const [initialComments, setInitialComments] = React.useState<TbeComment[]>([]) + const [isLoadingComments, setIsLoadingComments] = React.useState(false) + const [commentSheetOpen, setCommentSheetOpen] = React.useState(false) const [selectedVendorIdForComments, setSelectedVendorIdForComments] = React.useState<number | null>(null) const [selectedRfqIdForComments, setSelectedRfqIdForComments] = React.useState<number | null>(null) @@ -49,6 +53,10 @@ export function AllTbeTable({ promises }: VendorsTableProps) { const [selectedTbeIdForFiles, setSelectedTbeIdForFiles] = React.useState<number | null>(null) const [selectedRfqIdForFiles, setSelectedRfqIdForFiles] = React.useState<number | null>(null) + const [isContactDialogOpen, setIsContactDialogOpen] = React.useState(false) + const [selectedVendor, setSelectedVendor] = React.useState<VendorWithTbeFields | null>(null) + const [selectedVendorId, setSelectedVendorId] = React.useState<number | null>(null) + // 테이블 리프레시용 const handleRefresh = React.useCallback(() => { router.refresh(); @@ -81,25 +89,33 @@ export function AllTbeTable({ promises }: VendorsTableProps) { // ----------------------------------------------------------- async function openCommentSheet(vendorId: number, rfqId: number) { setInitialComments([]) - + setIsLoadingComments(true) const comments = rowAction?.row.original.comments - if (comments && comments.length > 0) { - const commentWithAttachments: TbeComment[] = await Promise.all( - comments.map(async (c) => { - const attachments = await fetchRfqAttachmentsbyCommentId(c.id) - return { - ...c, - commentedBy: 1, // DB나 API 응답에 있다고 가정 - attachments, - } - }) - ) - setInitialComments(commentWithAttachments) + try { + if (comments && comments.length > 0) { + const commentWithAttachments: TbeComment[] = await Promise.all( + comments.map(async (c) => { + const attachments = await fetchRfqAttachmentsbyCommentId(c.id) + return { + ...c, + commentedBy: 1, // DB나 API 응답에 있다고 가정 + attachments, + } + }) + ) + setInitialComments(commentWithAttachments) + } + + setSelectedVendorIdForComments(vendorId) + setSelectedRfqIdForComments(rfqId) + setCommentSheetOpen(true) + } catch (error) { + console.error("Error loading comments:", error) + toast.error("Failed to load comments") + } finally { + // End loading regardless of success/failure + setIsLoadingComments(false) } - - setSelectedVendorIdForComments(vendorId) - setSelectedRfqIdForComments(rfqId) - setCommentSheetOpen(true) } // ----------------------------------------------------------- @@ -112,6 +128,13 @@ export function AllTbeTable({ promises }: VendorsTableProps) { setIsFileDialogOpen(true) } + const openVendorContactsDialog = (vendorId: number, vendor: VendorWithTbeFields) => { + setSelectedVendorId(vendorId) + setSelectedVendor(vendor) + setIsContactDialogOpen(true) + } + + // ----------------------------------------------------------- // 테이블 컬럼 // ----------------------------------------------------------- @@ -122,6 +145,7 @@ export function AllTbeTable({ promises }: VendorsTableProps) { router, openCommentSheet, // 필요하면 직접 호출 가능 openFilesDialog, + openVendorContactsDialog, }), [setRowAction, router] ) @@ -161,7 +185,7 @@ export function AllTbeTable({ promises }: VendorsTableProps) { enableAdvancedFilter: true, initialState: { sorting: [{ id: "rfqVendorUpdated", desc: true }], - columnPinning: { right: ["actions"] }, + columnPinning: { right: ["files", "comments"] }, }, getRowId: (originalRow) => (`${originalRow.id}${originalRow.rfqId}`), shallow: false, @@ -176,7 +200,7 @@ export function AllTbeTable({ promises }: VendorsTableProps) { filterFields={advancedFilterFields} shallow={false} > - <VendorsTableToolbarActions table={table} rfqId={selectedRfqIdForFiles ?? 0} /> + <VendorsTableToolbarActions table={table} rfqId={selectedRfqIdForFiles ?? 0} /> </DataTableAdvancedToolbar> </DataTable> @@ -186,7 +210,8 @@ export function AllTbeTable({ promises }: VendorsTableProps) { open={commentSheetOpen} onOpenChange={setCommentSheetOpen} vendorId={selectedVendorIdForComments ?? 0} - rfqId={selectedRfqIdForComments ?? 0} // ← 여기! + rfqId={selectedRfqIdForComments ?? 0} + isLoading={isLoadingComments} initialComments={initialComments} /> @@ -199,6 +224,20 @@ export function AllTbeTable({ promises }: VendorsTableProps) { rfqId={selectedRfqIdForFiles ?? 0} // ← 여기! onRefresh={handleRefresh} /> + + <TbeResultDialog + open={rowAction?.type === "tbeResult"} + onOpenChange={() => setRowAction(null)} + tbe={rowAction?.row.original ?? null} + /> + + <VendorContactsDialog + isOpen={isContactDialogOpen} + onOpenChange={setIsContactDialogOpen} + vendorId={selectedVendorId} + vendor={selectedVendor} + /> + </> ) }
\ No newline at end of file |