일반 사용자 연동 앱 추가 버튼 노출 방지

devfront/src/features/clients/ClientsPage.tsx

@@ -97,6 +97,14 @@ function ClientsPage() {
     enabled: hasAccessToken,
   });
 
+  const { data: me, isLoading: isLoadingMe } = useQuery({
+    queryKey: ["userMe"],
+    queryFn: fetchMe,
+    enabled: hasAccessToken,
+  });
+
+  const profileRole = me?.role?.trim() || role;
+
   const {
     data: requestStatus,
     isLoading: isLoadingRequest,
@@ -104,21 +112,16 @@ function ClientsPage() {
   } = useQuery({
     queryKey: ["developer-request", tenantId],
     queryFn: () => fetchDeveloperRequestStatus(tenantId),
-    enabled: hasAccessToken && (role === "user" || role === "tenant_member"),
+    enabled: hasAccessToken && (profileRole === "user" || profileRole === "tenant_member"),
   });
   const { data: tenants } = useQuery({
     queryKey: ["myTenants"],
     queryFn: fetchMyTenants,
     enabled: hasAccessToken,
   });
-  const { data: me } = useQuery({
-    queryKey: ["userMe"],
-    queryFn: fetchMe,
-    enabled: hasAccessToken,
-  });
 
   const createAccessState = resolveClientCreateAccess({
-    role,
+    role: profileRole,
     requestStatus: requestStatus?.status,
   });
   const canCreateClient = createAccessState === "can_create";
@@ -193,7 +196,6 @@ function ClientsPage() {
     (userProfile?.phone as string | undefined) ||
     (userProfile?.phone_number as string | undefined) ||
     "";
-  const profileRole = me?.role || role;
   const profileRoleLabel = t(`ui.admin.role.${profileRole}`, profileRole);
 
   type StatTone = "up" | "down" | "stable";
@@ -236,7 +238,11 @@ function ClientsPage() {
     },
   ];
 
-  const isLoading = isLoadingClients || isLoadingStats || isLoadingRequest;
+  const isLoading =
+    isLoadingClients ||
+    isLoadingStats ||
+    isLoadingRequest ||
+    (hasAccessToken && !profileRole && isLoadingMe);
 
   const requestSort = (key: ClientSortKey) => {
     setSortConfig((current) => toggleSort(current, key));