diff --git a/src/pages/operations/AdminManagementPage.tsx b/src/pages/operations/AdminManagementPage.tsx index 1a958ed..cd122b0 100644 --- a/src/pages/operations/AdminManagementPage.tsx +++ b/src/pages/operations/AdminManagementPage.tsx @@ -234,7 +234,7 @@ export function AdminManagementPage() { const columns = useMemo>>( () => [ - { key: 'no', header: 'No.', className: 'w-20 px-5 py-3 font-medium', cell: (row) => {row.no} }, + { key: 'no', header: 'No.', className: 'w-14 px-3 py-3 text-center font-medium', cell: (row) => {row.no} }, { key: 'name', header: '관리자', diff --git a/src/pages/operations/LicensesPage.tsx b/src/pages/operations/LicensesPage.tsx index 6b6cfe5..d65c45e 100644 --- a/src/pages/operations/LicensesPage.tsx +++ b/src/pages/operations/LicensesPage.tsx @@ -21,6 +21,7 @@ import { type LicenseAssignmentRow = { id: string; + no: number; userId: string; user: string; name: string; @@ -98,7 +99,10 @@ export function LicensesPage() { const [userKeyword, setUserKeyword] = useState(''); const loadingVisible = useMinimumLoading(loading); - const rows = useMemo(() => assignmentRows(users), [users]); + const rows = useMemo(() => { + const assignments = assignmentRows(users); + return assignments.map((assignment, index) => ({ ...assignment, no: assignments.length - index })); + }, [users]); const calculateExpiresAt = (licenseCode: string, startsAt: string) => { const plan = plans.find((item) => item.code === licenseCode); return addDays(startsAt, plan?.defaultDurationDays); @@ -278,6 +282,7 @@ export function LicensesPage() { const columns = useMemo>>( () => [ + { key: 'no', header: 'No.', className: 'w-14 px-3 py-3 text-center font-medium', cell: (row) => {row.no} }, { key: 'user', header: '사용자', @@ -376,7 +381,7 @@ export function LicensesPage() {
>>( () => [ - { key: 'no', header: 'No.', className: 'w-20 px-5 py-3 font-medium', cell: (row) => {row.no} }, + { key: 'no', header: 'No.', className: 'w-14 px-3 py-3 text-center font-medium', cell: (row) => {row.no} }, { key: 'title', header: '공지', diff --git a/src/pages/operations/OrganizationsPage.tsx b/src/pages/operations/OrganizationsPage.tsx index c1b1cce..9c67732 100644 --- a/src/pages/operations/OrganizationsPage.tsx +++ b/src/pages/operations/OrganizationsPage.tsx @@ -88,7 +88,7 @@ export function OrganizationsPage() { const columns = useMemo>>( () => [ - { key: 'no', header: 'No.', className: 'w-20 px-5 py-3 font-medium', cell: (row) => {row.no} }, + { key: 'no', header: 'No.', className: 'w-14 px-3 py-3 text-center font-medium', cell: (row) => {row.no} }, { key: 'name', header: '조직명',