invite and saving fitness profile

added, need polishing

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

@@ -139,23 +139,44 @@ export function UserManagement() {
   };
 
   const handleSaveEdit = async () => {
-    if (!editForm || !selectedUser) return;
+    if (!editForm) return;
 
     try {
-      const response = await fetch("/api/users", {
-        method: "PUT",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ id: selectedUser.id, ...editForm }),
-      });
-      if (response.ok) {
-        setIsEditing(false);
-        setEditForm(null);
-        fetchUsers();
+      if (selectedUser) {
+        // Update existing user
+        const response = await fetch("/api/users", {
+          method: "PUT",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ id: selectedUser.id, ...editForm }),
+        });
+        if (response.ok) {
+          setIsEditing(false);
+          setEditForm(null);
+          fetchUsers();
+        } else {
+          alert("Error updating user");
+        }
       } else {
-        alert("Error updating user");
+        // Create (Invite) new user
+        const response = await fetch("/api/users", {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify(editForm),
+        });
+
+        if (response.ok) {
+          setIsEditing(false);
+          setEditForm(null);
+          fetchUsers();
+          alert("Invitation sent successfully!");
+        } else {
+          const errorData = await response.json();
+          alert(`Error sending invitation: ${errorData.error}`);
+        }
       }
     } catch (error) {
       console.error(error);
+      alert("An unexpected error occurred");
     }
   };
 
@@ -196,6 +217,22 @@ export function UserManagement() {
           >
             Edit User
           </Button>
+          <Button
+            variant="secondary"
+            onClick={() => {
+              setEditForm({
+                firstName: "",
+                lastName: "",
+                email: "",
+                role: "client",
+                phone: "",
+              });
+              setSelectedUser(null);
+              setIsEditing(true);
+            }}
+          >
+            Invite User
+          </Button>
           <Button
             variant="secondary"
             onClick={handleDeleteUser}
@@ -265,7 +302,7 @@ export function UserManagement() {
       {isEditing && editForm && (
         <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
           <div className="bg-white p-6 rounded-lg shadow-lg max-w-md w-full">
-            <h3 className="text-lg font-semibold mb-4">Edit User</h3>
+            <h3 className="text-lg font-semibold mb-4">{selectedUser ? 'Edit User' : 'Invite New User'}</h3>
             <form
               onSubmit={(e) => {
                 e.preventDefault();
@@ -310,6 +347,7 @@ export function UserManagement() {
                   }
                   className="w-full border border-gray-300 rounded px-3 py-2"
                   required
+                  disabled={!!selectedUser} // Disable email edit for existing users if desired, or keep enabled
                 />
               </div>
               <div className="mb-4">
@@ -360,7 +398,7 @@ export function UserManagement() {
                   type="submit"
                   className="px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700"
                 >
-                  Save
+                  {selectedUser ? 'Save Changes' : 'Send Invitation'}
                 </button>
               </div>
             </form>