벤더 코멘트 처리

1 files changed, 86 insertions, 72 deletions

diff --git a/lib/vendors/table/vendors-table-columns.tsx b/lib/vendors/table/vendors-table-columns.tsx
index c503e369..77750c47 100644
--- a/lib/vendors/table/vendors-table-columns.tsx
+++ b/lib/vendors/table/vendors-table-columns.tsx
@@ -79,82 +79,96 @@ export function getColumns({ setRowAction, router }: GetColumnsProps): ColumnDef
   // ----------------------------------------------------------------
   // 2) actions 컬럼 (Dropdown 메뉴)
   // ----------------------------------------------------------------
-  const actionsColumn: ColumnDef<Vendor> = {
-    id: "actions",
-    enableHiding: false,
-    cell: function Cell({ row }) {
-      const [isUpdatePending, startUpdateTransition] = React.useTransition()
+// ----------------------------------------------------------------
+// 2) actions 컬럼 (Dropdown 메뉴)
+// ----------------------------------------------------------------
+const actionsColumn: ColumnDef<Vendor> = {
+  id: "actions",
+  enableHiding: false,
+  cell: function Cell({ row }) {
+    const [isUpdatePending, startUpdateTransition] = React.useTransition()
+    const isApproved = row.original.status === "APPROVED";
 
-      return (
-        <DropdownMenu>
-          <DropdownMenuTrigger asChild>
-            <Button
-              aria-label="Open menu"
-              variant="ghost"
-              className="flex size-8 p-0 data-[state=open]:bg-muted"
-            >
-              <Ellipsis className="size-4" aria-hidden="true" />
-            </Button>
-          </DropdownMenuTrigger>
-          <DropdownMenuContent align="end" className="w-40">
-            <DropdownMenuItem
-              onSelect={() => setRowAction({ row, type: "update" })}
-            >
-              Edit
-            </DropdownMenuItem>
-            <DropdownMenuItem
-              onSelect={() => {
-                // 1) 만약 rowAction을 열고 싶다면
-                // setRowAction({ row, type: "update" })
+    return (
+      <DropdownMenu>
+        <DropdownMenuTrigger asChild>
+          <Button
+            aria-label="Open menu"
+            variant="ghost"
+            className="flex size-8 p-0 data-[state=open]:bg-muted"
+          >
+            <Ellipsis className="size-4" aria-hidden="true" />
+          </Button>
+        </DropdownMenuTrigger>
+        <DropdownMenuContent align="end" className="w-56">
+          <DropdownMenuItem
+            onSelect={() => setRowAction({ row, type: "update" })}
+          >
+            Edit
+          </DropdownMenuItem>
+          <DropdownMenuItem
+            onSelect={() => {
+              // 1) 만약 rowAction을 열고 싶다면
+              // setRowAction({ row, type: "update" })
 
-                // 2) 자세히 보기 페이지로 클라이언트 라우팅
-                router.push(`/evcp/vendors/${row.original.id}/info`);
-              }}
+              // 2) 자세히 보기 페이지로 클라이언트 라우팅
+              router.push(`/evcp/vendors/${row.original.id}/info`);
+            }}
+          >
+            Details
+          </DropdownMenuItem>
+          
+          {/* APPROVED 상태일 때만 추가 정보 기입 메뉴 표시 */}
+          {isApproved && (
+            <DropdownMenuItem
+              onSelect={() => setRowAction({ row, type: "requestInfo" })}
+              className="text-blue-600 font-medium"
             >
-              Details
+              추가 정보 기입
             </DropdownMenuItem>
-            <Separator />
-            <DropdownMenuSub>
-              <DropdownMenuSubTrigger>Status</DropdownMenuSubTrigger>
-              <DropdownMenuSubContent>
-                <DropdownMenuRadioGroup
-                  value={row.original.status}
-                  onValueChange={(value) => {
-                    startUpdateTransition(() => {
-                      toast.promise(
-                        modifyVendor({
-                          id: String(row.original.id),
-                          status: value as Vendor["status"],
-                        }),
-                        {
-                          loading: "Updating...",
-                          success: "Label updated",
-                          error: (err) => getErrorMessage(err),
-                        }
-                      )
-                    })
-                  }}
-                >
-                  {vendors.status.enumValues.map((status) => (
-                    <DropdownMenuRadioItem
-                      key={status}
-                      value={status}
-                      className="capitalize"
-                      disabled={isUpdatePending}
-                    >
-                      {status}
-                    </DropdownMenuRadioItem>
-                  ))}
-                </DropdownMenuRadioGroup>
-              </DropdownMenuSubContent>
-            </DropdownMenuSub>
-
-          </DropdownMenuContent>
-        </DropdownMenu>
-      )
-    },
-    size: 40,
-  }
+          )}
+          
+          <Separator />
+          <DropdownMenuSub>
+            <DropdownMenuSubTrigger>Status</DropdownMenuSubTrigger>
+            <DropdownMenuSubContent>
+              <DropdownMenuRadioGroup
+                value={row.original.status}
+                onValueChange={(value) => {
+                  startUpdateTransition(() => {
+                    toast.promise(
+                      modifyVendor({
+                        id: String(row.original.id),
+                        status: value as Vendor["status"],
+                      }),
+                      {
+                        loading: "Updating...",
+                        success: "Label updated",
+                        error: (err) => getErrorMessage(err),
+                      }
+                    )
+                  })
+                }}
+              >
+                {vendors.status.enumValues.map((status) => (
+                  <DropdownMenuRadioItem
+                    key={status}
+                    value={status}
+                    className="capitalize"
+                    disabled={isUpdatePending}
+                  >
+                    {status}
+                  </DropdownMenuRadioItem>
+                ))}
+              </DropdownMenuRadioGroup>
+            </DropdownMenuSubContent>
+          </DropdownMenuSub>
+        </DropdownMenuContent>
+      </DropdownMenu>
+    )
+  },
+  size: 40,
+}
 
   // ----------------------------------------------------------------
   // 3) 일반 컬럼들을 "그룹"별로 묶어 중첩 columns 생성