components/vendor-data-plant/tag-table/tag-table.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39

"use client"

import * as React from "react"
import { ClientDataTable } from "@/components/client-data-table/data-table"
import { DataTableRowAction, getColumns } from "./tag-table-column"
import { Tag as TagData } from "@/types/vendorData"
import { DataTableAdvancedFilterField } from "@/types/table"
import { AddTagDialog } from "./add-tag-dialog"

interface TagTableProps {
  data: TagData[]
}

/**
 * TagTable: Tag 데이터를 표시하는 표
 */
export function TagTable({ data }: TagTableProps) {

  const [rowAction, setRowAction] =
    React.useState<DataTableRowAction<TagData> | null>(null)

  const columns = React.useMemo(
    () => getColumns({ setRowAction }),
    [setRowAction]
  )

  const advancedFilterFields: DataTableAdvancedFilterField<TagData>[] = []

  return (
    <>
      <ClientDataTable
        data={data}
        columns={columns}
        advancedFilterFields={advancedFilterFields}
      />

    </>
  )
}