now gym in UI displays properly

apps/admin/src/components/users/UserManagement.tsx

@@ -77,10 +77,33 @@ export function UserManagement() {
   const fetchUsers = async () => {
     setLoading(true);
     try {
-      const url = filter === "all" ? "/api/users" : `/api/users?role=${filter}`;
+      const ts = Date.now();
+      const url =
+        filter === "all"
+          ? `/api/users?ts=${ts}`
+          : `/api/users?role=${filter}&ts=${ts}`;
 
-      const response = await fetch(url);
+      console.log("UserManagement.fetchUsers: fetching URL", url);
+      const response = await fetch(url, { cache: "no-store" });
+      console.log(
+        "UserManagement.fetchUsers: response.ok",
+        response.ok,
+        "status",
+        response.status,
+      );
       const data = await response.json();
+      console.log(
+        "UserManagement.fetchUsers: received users count",
+        Array.isArray(data.users) ? data.users.length : 0,
+        "sample",
+        data.users && data.users[0]
+          ? {
+              id: data.users[0].id,
+              gymId: data.users[0].gymId,
+              role: data.users[0].role,
+            }
+          : null,
+      );
       setUsers(data.users || []);
     } catch (error) {
       console.error("Failed to fetch users:", error);
@@ -178,20 +201,80 @@ export function UserManagement() {
     try {
       if (selectedUser) {
         // Update existing user
-        const response = await fetch("/api/admin/set-user-metadata", {
-          method: "POST",
+        console.log(
+          "UserManagement.handleSaveEdit: sending PUT /api/users payload",
+          {
+            id: selectedUser.id,
+            email: editForm.email,
+            firstName: editForm.firstName,
+            lastName: editForm.lastName,
+            role: editForm.role,
+            phone: editForm.phone,
+            gymId: editForm.gymId === "" ? null : editForm.gymId,
+          },
+        );
+        const response = await fetch("/api/users", {
+          method: "PUT",
           headers: { "Content-Type": "application/json" },
           body: JSON.stringify({
-            targetUserId: selectedUser.id,
+            id: selectedUser.id,
+            email: editForm.email,
+            firstName: editForm.firstName,
+            lastName: editForm.lastName,
             role: editForm.role,
+            phone: editForm.phone,
             gymId: editForm.gymId === "" ? null : editForm.gymId,
           }),
         });
+        console.log(
+          "UserManagement.handleSaveEdit: PUT /api/users response.ok",
+          response.ok,
+          "status",
+          response.status,
+        );
         if (response.ok) {
+          // Optimistically update local state so grid reflects changes immediately
+          setUsers((prev) =>
+            prev.map((u) =>
+              u.id === selectedUser.id
+                ? {
+                    ...u,
+                    email: editForm.email,
+                    firstName: editForm.firstName,
+                    lastName: editForm.lastName,
+                    role: editForm.role,
+                    phone: editForm.phone || undefined,
+                    gymId: editForm.gymId === "" ? undefined : editForm.gymId,
+                  }
+                : u,
+            ),
+          );
+          setSelectedUser((prev) =>
+            prev
+              ? {
+                  ...prev,
+                  email: editForm.email,
+                  firstName: editForm.firstName,
+                  lastName: editForm.lastName,
+                  role: editForm.role,
+                  phone: editForm.phone || undefined,
+                  gymId: editForm.gymId === "" ? undefined : editForm.gymId,
+                }
+              : prev,
+          );
           setIsEditing(false);
           setEditForm(null);
+          // Still re-fetch from server to ensure consistency
+          console.log(
+            "UserManagement.handleSaveEdit: re-fetching users after successful edit",
+          );
           fetchUsers();
         } else {
+          const errText = await response.text().catch(() => "");
+          console.error("UserManagement.handleSaveEdit: update failed", {
+            status: response.status,
+            body: errText,
+          });
           alert("Error updating user");
         }
       } else {