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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
|
"use client"
import * as React from "react"
import { type Table } from "@tanstack/react-table"
import { Download, Plus, RefreshCw, FileSpreadsheet, FileText, Users } from "lucide-react"
import { toast } from "sonner"
import { Button } from "@/components/ui/button"
import {
DropdownMenu,
DropdownMenuContent,
DropdownMenuItem,
DropdownMenuSeparator,
DropdownMenuTrigger,
} from "@/components/ui/dropdown-menu"
import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip"
import { QnaViewSelect } from "@/db/schema"
import { exportQnaData } from "./qna-export-actions"
interface QnaTableToolbarActionsProps {
table: Table<QnaViewSelect>
domain: string
onCreateClick: () => void
}
export function QnaTableToolbarActions({
table,
domain,
onCreateClick
}: QnaTableToolbarActionsProps) {
const [isExporting, setIsExporting] = React.useState(false)
const [isRefreshing, setIsRefreshing] = React.useState(false)
// 선택된 행들
const selectedRows = table.getFilteredSelectedRowModel().rows
const selectedCount = selectedRows.length
// 새로고침
const handleRefresh = async () => {
setIsRefreshing(true)
try {
// 페이지 새로고침 또는 데이터 재요청
window.location.reload()
} catch (error) {
toast.error("새로고침 중 오류가 발생했습니다.")
} finally {
setIsRefreshing(false)
}
}
// 데이터 내보내기
const handleExport = async (format: "csv" | "excel") => {
setIsExporting(true)
try {
const selectedData = selectedCount > 0
? selectedRows.map(row => row.original)
: table.getFilteredRowModel().rows.map(row => row.original)
const result = await exportQnaData({
format,
data: selectedData,
fields: [
"title",
"authorName",
"companyName",
"totalAnswers",
"totalComments",
"createdAt",
"lastActivityAt"
]
})
if (result.success) {
toast.success(`${format.toUpperCase()} 파일이 다운로드되었습니다.`)
} else {
toast.error(result.error || "내보내기에 실패했습니다.")
}
} catch (error) {
toast.error("내보내기 중 오류가 발생했습니다.")
console.error("Export error:", error)
} finally {
setIsExporting(false)
}
}
return (
<div className="flex items-center gap-2">
{/* 선택된 항목 수 표시 */}
{selectedCount > 0 && (
<div className="flex items-center gap-2 text-sm text-muted-foreground">
<Users className="h-4 w-4" />
<span>{selectedCount}개 선택됨</span>
</div>
)}
{/* 새 질문 작성 버튼 */}
{domain === "partners" &&
<Tooltip>
<TooltipTrigger asChild>
<Button
onClick={onCreateClick}
size="sm"
className="h-8 gap-2"
>
<Plus className="h-4 w-4" />
새 질문
</Button>
</TooltipTrigger>
<TooltipContent>새로운 질문을 작성합니다</TooltipContent>
</Tooltip>
}
{/* 내보내기 드롭다운 */}
<DropdownMenu>
<DropdownMenuTrigger asChild>
<Button
variant="outline"
size="sm"
className="h-8 gap-2"
disabled={isExporting}
>
<Download className="h-4 w-4" />
{isExporting ? "내보내는 중..." : "내보내기"}
</Button>
</DropdownMenuTrigger>
<DropdownMenuContent align="end" className="w-[180px]">
<DropdownMenuItem
onClick={() => handleExport("csv")}
disabled={isExporting}
>
<FileText className="mr-2 h-4 w-4" />
CSV 파일로 내보내기
</DropdownMenuItem>
<DropdownMenuItem
onClick={() => handleExport("excel")}
disabled={isExporting}
>
<FileSpreadsheet className="mr-2 h-4 w-4" />
Excel 파일로 내보내기
</DropdownMenuItem>
<DropdownMenuSeparator />
<DropdownMenuItem
onClick={() => {
const rowCount = selectedCount > 0 ? selectedCount : table.getFilteredRowModel().rows.length
toast.info(`${rowCount}개의 질문이 내보내집니다.`)
}}
disabled={isExporting}
className="text-xs text-muted-foreground"
>
{selectedCount > 0
? `선택된 ${selectedCount}개 항목`
: `전체 ${table.getFilteredRowModel().rows.length}개 항목`
}
</DropdownMenuItem>
</DropdownMenuContent>
</DropdownMenu>
{/* 새로고침 버튼 */}
<Tooltip>
<TooltipTrigger asChild>
<Button
variant="outline"
size="sm"
onClick={handleRefresh}
disabled={isRefreshing}
className="h-8 w-8 p-0"
>
<RefreshCw className={`h-4 w-4 ${isRefreshing ? "animate-spin" : ""}`} />
</Button>
</TooltipTrigger>
<TooltipContent>목록 새로고침</TooltipContent>
</Tooltip>
</div>
)
}
|
