조직도 줌 레벨 상향

2026-05-18 18:06:13 +09:00
parent 0b54992309
commit 9112c4fb36
44 changed files with 1000 additions and 1414 deletions
--- a/adminfront/src/features/api-keys/ApiKeyListPage.tsx
+++ b/adminfront/src/features/api-keys/ApiKeyListPage.tsx
@@ -12,6 +12,8 @@ import {
 } from "lucide-react";
 import * as React from "react";
 import { Link } from "react-router-dom";
+import { PageHeader } from "../../../../common/core/components/page";
+import { commonStickyTableHeaderClass } from "../../../../common/ui/table";
 import { Badge } from "../../components/ui/badge";
 import { Button } from "../../components/ui/button";
 import {
@@ -38,8 +40,6 @@ import {
  TableHeader,
  TableRow,
 } from "../../components/ui/table";
-import { PageHeader } from "../../../../common/core/components/page";
-import { commonStickyTableHeaderClass } from "../../../../common/ui/table";
 import {
  type ApiKeySummary,
  deleteApiKey,
--- a/adminfront/src/features/audit/AuditLogsPage.tsx
+++ b/adminfront/src/features/audit/AuditLogsPage.tsx
@@ -13,7 +13,12 @@ import { PageHeader } from "../../../../common/core/components/page";
 import { SearchFilterBar } from "../../../../common/ui/search-filter-bar";
 import { Badge } from "../../components/ui/badge";
 import { Button } from "../../components/ui/button";
-import { Card, CardContent, CardHeader, CardTitle } from "../../components/ui/card";
+import {
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle,
+} from "../../components/ui/card";
 import { Input } from "../../components/ui/input";
 import type { AuditLog } from "../../lib/adminApi";
 import { fetchAuditLogs } from "../../lib/adminApi";
--- a/adminfront/src/features/tenants/routes/TenantAdminsAndOwnersTab.tsx
+++ b/adminfront/src/features/tenants/routes/TenantAdminsAndOwnersTab.tsx
@@ -12,6 +12,7 @@ import {
 import { useState } from "react";
 import { useAuth } from "react-oidc-context";
 import { useNavigate, useParams } from "react-router-dom";
+import { commonStickyTableHeaderClass } from "../../../../../common/ui/table";
 import { Badge } from "../../../components/ui/badge";
 import { Button } from "../../../components/ui/button";
 import {
@@ -38,7 +39,6 @@ import {
  TableHeader,
  TableRow,
 } from "../../../components/ui/table";
-import { commonStickyTableHeaderClass } from "../../../../../common/ui/table";
 import { toast } from "../../../components/ui/use-toast";
 import {
  type TenantAdmin,
--- a/adminfront/src/features/tenants/routes/TenantGroupsPage.tsx
+++ b/adminfront/src/features/tenants/routes/TenantGroupsPage.tsx
@@ -21,6 +21,7 @@ import {
 import type React from "react";
 import { useState } from "react";
 import { useParams } from "react-router-dom";
+import { commonStickyTableHeaderClass } from "../../../../../common/ui/table";
 import { Badge } from "../../../components/ui/badge";
 import { Button } from "../../../components/ui/button";
 import {
@@ -50,7 +51,6 @@ import {
  TableHeader,
  TableRow,
 } from "../../../components/ui/table";
-import { commonStickyTableHeaderClass } from "../../../../../common/ui/table";
 import { toast } from "../../../components/ui/use-toast";
 import {
  type GroupSummary,
--- a/adminfront/src/features/tenants/routes/TenantSubTenantsPage.tsx
+++ b/adminfront/src/features/tenants/routes/TenantSubTenantsPage.tsx
@@ -1,6 +1,11 @@
 import { useQuery } from "@tanstack/react-query";
 import { ArrowRight, Building2, Plus } from "lucide-react";
 import { Link, useNavigate, useParams } from "react-router-dom";
+import {
+  commonStickyTableHeaderClass,
+  commonTableShellClass,
+  commonTableViewportClass,
+} from "../../../../../common/ui/table";
 import { Badge } from "../../../components/ui/badge";
 import { Button } from "../../../components/ui/button";
 import {
@@ -18,11 +23,6 @@ import {
  TableHeader,
  TableRow,
 } from "../../../components/ui/table";
-import {
-  commonStickyTableHeaderClass,
-  commonTableShellClass,
-  commonTableViewportClass,
-} from "../../../../../common/ui/table";
 import { fetchAllTenants } from "../../../lib/adminApi";
 import { t } from "../../../lib/i18n";

--- a/adminfront/src/features/tenants/routes/TenantUsersPage.tsx
+++ b/adminfront/src/features/tenants/routes/TenantUsersPage.tsx
@@ -10,6 +10,7 @@ import {
  UserPlus,
 } from "lucide-react";
 import { Link, useNavigate, useParams } from "react-router-dom";
+import { commonStickyTableHeaderClass } from "../../../../../common/ui/table";
 import { Badge } from "../../../components/ui/badge";
 import { Button } from "../../../components/ui/button";
 import {
@@ -32,7 +33,6 @@ import {
  TableHeader,
  TableRow,
 } from "../../../components/ui/table";
-import { commonStickyTableHeaderClass } from "../../../../../common/ui/table";
 import { toast } from "../../../components/ui/use-toast";
 import { fetchTenant, fetchUsers, updateUser } from "../../../lib/adminApi";
 import { t } from "../../../lib/i18n";
--- a/adminfront/src/features/tenants/routes/TenantWorksmobilePage.tsx
+++ b/adminfront/src/features/tenants/routes/TenantWorksmobilePage.tsx
@@ -681,11 +681,7 @@ function ComparisonFilterButtons<T extends string>({
              aria-pressed={isSelected}
              aria-expanded={hasDetail && openDetailFor === option.value}
              onClick={() => {
-                if (
-                  hasDetail &&
-                  isSelected &&
-                  openDetailFor !== option.value
-                ) {
+                if (hasDetail && isSelected && openDetailFor !== option.value) {
                  setOpenDetailFor(option.value);
                  return;
                }
--- a/adminfront/src/features/user-groups/routes/GlobalUserGroupListPage.tsx
+++ b/adminfront/src/features/user-groups/routes/GlobalUserGroupListPage.tsx
@@ -2,6 +2,7 @@ import { useQuery } from "@tanstack/react-query";
 import { Building2, Plus, Users } from "lucide-react";
 import { useState } from "react";
 import { Link } from "react-router-dom";
+import { commonStickyTableHeaderClass } from "../../../../../common/ui/table";
 import { Badge } from "../../../components/ui/badge";
 import { Button } from "../../../components/ui/button";
 import {
@@ -19,7 +20,6 @@ import {
  TableHeader,
  TableRow,
 } from "../../../components/ui/table";
-import { commonStickyTableHeaderClass } from "../../../../../common/ui/table";
 import {
  type TenantSummary,
  fetchAllTenants,
--- a/adminfront/src/features/user-groups/routes/UserGroupDetailPage.tsx
+++ b/adminfront/src/features/user-groups/routes/UserGroupDetailPage.tsx
@@ -3,6 +3,7 @@ import type { AxiosError } from "axios";
 import { ArrowLeft, Shield, Trash2, UserPlus, Users } from "lucide-react";
 import { useState } from "react";
 import { Link, useParams } from "react-router-dom";
+import { commonStickyTableHeaderClass } from "../../../../../common/ui/table";
 import { Badge } from "../../../components/ui/badge";
 import { Button } from "../../../components/ui/button";
 import {
@@ -38,7 +39,6 @@ import {
  TableHeader,
  TableRow,
 } from "../../../components/ui/table";
-import { commonStickyTableHeaderClass } from "../../../../../common/ui/table";
 import { toast } from "../../../components/ui/use-toast";
 import {
  addGroupMember,
--- a/adminfront/src/features/users/UserListPage.tsx
+++ b/adminfront/src/features/users/UserListPage.tsx
@@ -18,6 +18,7 @@ import {
 } from "lucide-react";
 import * as React from "react";
 import { Link, useNavigate } from "react-router-dom";
+import { PageHeader } from "../../../../common/core/components/page";
 import {
  SortableTableHead,
  sortableTableHeadBaseClassName,
@@ -29,12 +30,11 @@ import {
  sortItems,
  toggleSort,
 } from "../../../../common/core/utils";
-import { PageHeader } from "../../../../common/core/components/page";
+import { SearchFilterBar } from "../../../../common/ui/search-filter-bar";
 import {
  commonTableShellClass,
  commonTableViewportClass,
 } from "../../../../common/ui/table";
-import { SearchFilterBar } from "../../../../common/ui/search-filter-bar";
 import { Button } from "../../components/ui/button";
 import {
  Card,
@@ -545,7 +545,9 @@ function UserListPage() {
                        onChange={() => toggleColumn(field.key)}
                      />
                      <div className="flex flex-col">
-                        <span className="text-sm font-medium">{field.label}</span>
+                        <span className="text-sm font-medium">
+                          {field.label}
+                        </span>
                        <span className="font-mono text-xs text-muted-foreground">
                          {field.key}
                        </span>