kevin/baron-sso
1
0
Fork 0
forked from baron/baron-sso
Code Pull Requests Activity

dev/admin 테이블 정렬 헤더 UI 공통화

Browse Source
This commit is contained in:
김용연
2026-05-13 15:17:37 +09:00
parent 8a8b5baaf6
commit 4a0e5641cb
4 changed files with 102 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
adminfront/src/features/tenants/routes/TenantListPage.tsx
View File

@@ -19,7 +19,11 @@ import {
} from "lucide-react";
import * as React from "react";
import { Link, useNavigate } from "react-router-dom";
import { SortableTableHead } from "../../../../../common/core/components/sort";
import {
SortableTableHead,
sortableTableHeadBaseClassName,
sortableTableHeaderClassName,
} from "../../../../../common/core/components/sort";
import {
type SortConfig,
type SortResolverMap,
@@ -954,9 +958,11 @@ function TenantListPage() {
onScroll={handleTenantTableScroll}
>
<Table className="min-w-[1180px]">
<TableHeader className="sticky top-0 z-10 bg-secondary shadow-sm">
<TableHeader className={sortableTableHeaderClassName}>
<TableRow>
<TableHead className="w-[48px] whitespace-nowrap">
<TableHead
className={`${sortableTableHeadBaseClassName} w-[48px] whitespace-nowrap`}
>
<Checkbox
checked={
tenants.length > 0 &&
@@ -969,55 +975,57 @@ function TenantListPage() {
/>
</TableHead>
<SortableTableHead
className="min-w-[220px] whitespace-nowrap sticky top-0 bg-inherit"
className="min-w-[220px] whitespace-nowrap"
label={t("ui.admin.tenants.table.id", "ID")}
onSort={requestSort}
sortConfig={sortConfig}
sortKey="id"
/>
<SortableTableHead
className="whitespace-nowrap sticky top-0 bg-inherit"
className="whitespace-nowrap"
label={t("ui.admin.tenants.table.name", "NAME")}
onSort={requestSort}
sortConfig={sortConfig}
sortKey="name"
/>
<SortableTableHead
className="whitespace-nowrap sticky top-0 bg-inherit"
className="whitespace-nowrap"
label={t("ui.admin.tenants.table.type", "TYPE")}
onSort={requestSort}
sortConfig={sortConfig}
sortKey="type"
/>
<SortableTableHead
className="whitespace-nowrap sticky top-0 bg-inherit"
className="whitespace-nowrap"
label={t("ui.admin.tenants.table.slug", "SLUG")}
onSort={requestSort}
sortConfig={sortConfig}
sortKey="slug"
/>
<SortableTableHead
className="whitespace-nowrap sticky top-0 bg-inherit"
className="whitespace-nowrap"
label={t("ui.admin.tenants.table.status", "STATUS")}
onSort={requestSort}
sortConfig={sortConfig}
sortKey="status"
/>
<SortableTableHead
className="whitespace-nowrap sticky top-0 bg-inherit"
className="whitespace-nowrap"
label={t("ui.admin.tenants.table.members", "MEMBERS")}
onSort={requestSort}
sortConfig={sortConfig}
sortKey="recursiveMemberCount"
/>
<SortableTableHead
className="whitespace-nowrap sticky top-0 bg-inherit"
className="whitespace-nowrap"
label={t("ui.admin.tenants.table.created", "CREATED")}
onSort={requestSort}
sortConfig={sortConfig}
sortKey="createdAt"
/>
<TableHead className="whitespace-nowrap">
<TableHead
className={`${sortableTableHeadBaseClassName} whitespace-nowrap`}
>
{t("ui.common.actions", "액션")}
</TableHead>
</TableRow>