diff options
Diffstat (limited to 'components/data-table/data-table-group-list.tsx')
| -rw-r--r-- | components/data-table/data-table-group-list.tsx | 7 |
1 files changed, 6 insertions, 1 deletions
diff --git a/components/data-table/data-table-group-list.tsx b/components/data-table/data-table-group-list.tsx index fcae9a79..213b429f 100644 --- a/components/data-table/data-table-group-list.tsx +++ b/components/data-table/data-table-group-list.tsx @@ -26,6 +26,8 @@ import { SortableItem, SortableDragHandle, } from "@/components/ui/sortable" +import { useTranslation } from '@/i18n/client' +import { useParams, usePathname } from "next/navigation"; interface DataTableGroupListProps<TData> { /** TanStack Table 인스턴스 (grouping을 이미 사용할 수 있어야 함) */ @@ -42,6 +44,9 @@ export function DataTableGroupList<TData>({ shallow, }: DataTableGroupListProps<TData>) { const id = React.useId() + const params = useParams(); + const lng = params?.lng as string; + const { t } = useTranslation(lng); // ------------------------------------------------------ // 1) 초기 그룹핑 상태 + URL Query State 동기화 @@ -156,7 +161,7 @@ export function DataTableGroupList<TData>({ aria-controls={`${id}-group-dialog`} > <Layers className="size-3" aria-hidden="true" /> - <span className="hidden sm:inline">그룹</span> + <span className="hidden sm:inline">{t("tableToolBar.group")}</span> {uniqueGrouping.length > 0 && ( <Badge variant="secondary" |