diff options
Diffstat (limited to 'lib/approval-line/table/approval-line-table-toolbar-actions.tsx')
| -rw-r--r-- | lib/approval-line/table/approval-line-table-toolbar-actions.tsx | 20 |
1 files changed, 19 insertions, 1 deletions
diff --git a/lib/approval-line/table/approval-line-table-toolbar-actions.tsx b/lib/approval-line/table/approval-line-table-toolbar-actions.tsx index 6b6600fe..53798e5f 100644 --- a/lib/approval-line/table/approval-line-table-toolbar-actions.tsx +++ b/lib/approval-line/table/approval-line-table-toolbar-actions.tsx @@ -5,8 +5,9 @@ import { type Table } from "@tanstack/react-table" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { DataTableViewOptions } from "@/components/data-table/data-table-view-options" -import { Plus, Download, Upload } from "lucide-react" +import { Plus, Download, Upload, Settings } from "lucide-react" import { type ApprovalLine } from "../service" +import { CategoryManagementDialog } from "@/lib/approval-template/table/category-management-dialog" interface ApprovalLineTableToolbarActionsProps { table: Table<ApprovalLine> @@ -17,6 +18,7 @@ export function ApprovalLineTableToolbarActions({ table, onCreateLine, }: ApprovalLineTableToolbarActionsProps) { + const [showCategoryDialog, setShowCategoryDialog] = React.useState(false) const isFiltered = table.getState().columnFilters.length > 0 return ( @@ -41,6 +43,22 @@ export function ApprovalLineTableToolbarActions({ )} </div> <div className="flex items-center space-x-2"> + {/* 카테고리 관리 버튼 */} + <CategoryManagementDialog + open={showCategoryDialog} + onOpenChange={setShowCategoryDialog} + showTrigger={false} + /> + + <Button + variant="outline" + size="sm" + onClick={() => setShowCategoryDialog(true)} + > + <Settings className="mr-2 h-4 w-4" /> + 카테고리 관리 + </Button> + <Button variant="outline" size="sm" |
