feat added add member in UserList & login of user by spliting ID

src/scenes/login/index.jsx

@@ -11,6 +11,7 @@ const Login = ({ handleLoginSuccess }) => {
   const [email, setEmail] = useState("");
   const [password, setPassword] = useState("");
   const [error, setError] = useState("");
+  const [userUID, setUserUID] = useState("");
 
   const handleLogin = async () => {
     try {
@@ -24,9 +25,10 @@ const Login = ({ handleLoginSuccess }) => {
 
       // Fetch the role from the rolemail node
       const roleMailRef = ref(database, "rolemail");
+
       const roleMailSnapshot = await get(roleMailRef);
-      console.log("roleMailRef",roleMailRef);
-      console.log("roleMailSnapshot",roleMailSnapshot);
+      console.log("roleMailRef", roleMailRef);
+      console.log("roleMailSnapshot", roleMailSnapshot);
 
       if (roleMailSnapshot.exists()) {
         const roleMailData = roleMailSnapshot.val();
@@ -37,17 +39,17 @@ const Login = ({ handleLoginSuccess }) => {
         if (userEntry) {
           const [userId, userInfo] = userEntry;
           const { role } = userInfo;
-          console.log("userentry",userEntry,userInfo);
+          console.log("userentry", userEntry, userInfo);
 
           if (role === "superadmin") {
             // Fetch the user details from the users database for superadmin
             const userRef = ref(database, "users/" + userId);
-            console.log("userref",userRef);
+            console.log("userref", userRef);
             const userSnapshot = await get(userRef);
-            console.log("usersnapshot",userSnapshot);
+            console.log("usersnapshot", userSnapshot);
             if (userSnapshot.exists()) {
               const userData = userSnapshot.val();
-              console.log("userdata",userData);
+              console.log("userdata", userData);
               if (userData.password === password) {
                 // Superadmin authenticated successfully
                 handleLoginSuccess(role);
@@ -88,8 +90,38 @@ const Login = ({ handleLoginSuccess }) => {
               setError("Admin not found");
               return;
             }
+          } else if (role === "user") {
+            // For admin, check the password in the admins node
+            const useridSplit = userId.split("_")[0];
+            console.log("useridSplit", useridSplit);
+            const useRef = ref(
+              database,
+              "userList/" + useridSplit + "/" + userId
+            );
+
+            const useSnapshot = await get(useRef);
+            console.log("useSnapshot", useSnapshot);
+            if (useSnapshot.exists()) {
+              const useData = useSnapshot.val();
+              if (useData.password === password) {
+                // Admin authenticated successfully
+                handleLoginSuccess(role);
+                // Store user information in localStorage
+                localStorage.setItem(
+                  "user",
+                  JSON.stringify({ uid: userId, role })
+                );
+                return;
+              } else {
+                setError("Invalid user credentials");
+                return;
+              }
+            } else {
+              setError("user not found");
+              return;
+            }
           } else {
-            setError("Not an admin or superadmin account");
+            setError("Not an admin or superadmin or user account");
             return;
           }
         } else {

src/scenes/team/index.jsx

@@ -48,21 +48,28 @@ const Team = () => {
     role: "user",
   });
   const [currentUserRole, setCurrentUserRole] = useState(null);
+  const [adminName, setAdminName] = useState("");
+  const [adminID, setAdminID] = useState("");
 
   const user = auth.currentUser;
 
-  // fetch userRole from the database
+  // Fetch userRole and admin name from the database
   useEffect(() => {
     if (user) {
-      const userRoleRef = ref(database, "users/" + user.uid + "/role");
-      const getUserRole = async () => {
-        const snapshot = await get(userRoleRef);
-        if (snapshot.exists()) {
-          setCurrentUserRole(snapshot.val());
-          console.log(snapshot.val());
+      const adminRef = ref(database, "admins/" + user.uid);
+
+      const getAdminData = async () => {
+        const adminSnapshot = await get(adminRef);
+
+        if (adminSnapshot.exists()) {
+          const adminData = adminSnapshot.val();
+          setCurrentUserRole(adminData.role);
+          setAdminName(adminData.name);
+          setAdminID(user.uid);
         }
       };
-      getUserRole();
+
+      getAdminData();
     }
   }, [user]);
 
@@ -128,82 +135,82 @@ const Team = () => {
     },
   ];
 
-  if (currentUserRole === "admin") {
-    columns.push({
-      field: "blocked",
-      headerName: "Blocked",
-      flex: 1,
-      renderCell: ({ row }) => (
-        <Button
-          onClick={() => handleBlockUser(row.id, !row.blocked)}
-          sx={{ color: row.blocked ? "green" : "red" }}
-        >
-          {row.blocked ? "Unblock" : "Block"}
-        </Button>
-      ),
-    });
-    columns.push({
-      field: "actions",
-      headerName: "Actions",
-      flex: 1,
-      renderCell: ({ row }) => (
-        <Button
-          onClick={() => handleEditUser(row)}
-          sx={{ color: colors.grey[100] }}
-        >
-          Edit
-        </Button>
-      ),
-    });
-  }
+  columns.push({
+    field: "blocked",
+    headerName: "Blocked",
+    flex: 1,
+    renderCell: ({ row }) => (
+      <Button
+        onClick={() => handleBlockUser(row.id, !row.blocked)}
+        sx={{ color: row.blocked ? "green" : "red" }}
+      >
+        {row.blocked ? "Unblock" : "Block"}
+      </Button>
+    ),
+  });
+  columns.push({
+    field: "actions",
+    headerName: "Actions",
+    flex: 1,
+    renderCell: ({ row }) => (
+      <Button
+        onClick={() => handleEditUser(row)}
+        sx={{ color: colors.grey[100] }}
+      >
+        Edit
+      </Button>
+    ),
+  });
 
   useEffect(() => {
-    const userActivityRef = ref(database, "userActivity");
+    if (adminID) {
+      const userListRef = ref(database, `userList/${adminID}`);
+
+      const handleChildAddedOrChanged = (snapshot) => {
+        const data = snapshot.val();
+        setUserData((prevUserData) => {
+          const existingIndex = prevUserData.findIndex(
+            (item) => item.id === snapshot.key
+          );
+          if (existingIndex !== -1) {
+            const updatedUserData = [...prevUserData];
+            updatedUserData[existingIndex] = { id: snapshot.key, ...data };
+            return updatedUserData;
+          } else {
+            return [...prevUserData, { id: snapshot.key, ...data }];
+          }
+        });
+      };
 
-    const handleChildAddedOrChanged = (snapshot) => {
-      const data = snapshot.val();
-      setUserData((prevUserData) => {
-        const existingIndex = prevUserData.findIndex(
-          (item) => item.id === snapshot.key
+      const handleChildRemoved = (snapshot) => {
+        setUserData((prevUserData) =>
+          prevUserData.filter((item) => item.id !== snapshot.key)
         );
-        if (existingIndex !== -1) {
-          const updatedUserData = [...prevUserData];
-          updatedUserData[existingIndex] = { id: snapshot.key, ...data };
-          return updatedUserData;
-        } else {
-          return [...prevUserData, { id: snapshot.key, ...data }];
-        }
-      });
-    };
+      };
 
-    const handleChildRemoved = (snapshot) => {
-      setUserData((prevUserData) =>
-        prevUserData.filter((item) => item.id !== snapshot.key)
+      const childAddedListener = onChildAdded(
+        userListRef,
+        handleChildAddedOrChanged
+      );
+      const childChangedListener = onChildChanged(
+        userListRef,
+        handleChildAddedOrChanged
+      );
+      const childRemovedListener = onChildRemoved(
+        userListRef,
+        handleChildRemoved
       );
-    };
-
-    const childAddedListener = onChildAdded(
-      userActivityRef,
-      handleChildAddedOrChanged
-    );
-    const childChangedListener = onChildChanged(
-      userActivityRef,
-      handleChildAddedOrChanged
-    );
-    const childRemovedListener = onChildRemoved(
-      userActivityRef,
-      handleChildRemoved
-    );
 
-    return () => {
-      off(userActivityRef, "child_added", childAddedListener);
-      off(userActivityRef, "child_changed", childChangedListener);
-      off(userActivityRef, "child_removed", childRemovedListener);
-    };
-  }, []);
+      return () => {
+        off(userListRef, "child_added", childAddedListener);
+        off(userListRef, "child_changed", childChangedListener);
+        off(userListRef, "child_removed", childRemovedListener);
+      };
+    }
+  }, [adminID]);
 
   const handleBlockUser = async (userId, blockStatus) => {
-    const userRef = ref(database, `userActivity/${userId}`);
+    const userRef = ref(database, `userList/${adminID}/${userId}`);
     await update(userRef, { blocked: blockStatus });
   };
 
@@ -225,54 +232,54 @@ const Team = () => {
   };
 
   const handleFormSubmit = async () => {
-    if (selectedUser) {
-      // Updating an existing user
-      const userRef = ref(database, `userActivity/${selectedUser.id}`);
-      const updates = { ...formData };
-      if (!formData.password) delete updates.password; // Do not update password if it's empty
-      await update(userRef, updates);
+    const userId = selectedUser ? selectedUser.id : `${adminID}_${uuidv4()}`;
+
+    const userRef = ref(database, `userList/${adminID}/${userId}`);
+    const roleMailRef = ref(database, `rolemail/${userId}`);
+
+    const userData = {
+      ...formData,
+      signInTime: new Date().toISOString(),
+      blocked: false,
+    };
 
-      const userRefUsers = ref(database, `users/${selectedUser.id}`);
-      await update(userRefUsers, updates);
+    if (selectedUser) {
+      if (!formData.password) delete userData.password; // Do not update password if it's empty
+      await update(userRef, userData);
+      await update(roleMailRef, {
+        email: formData.email,
+        role: formData.role,
+      });
     } else {
-      // Adding a new user
       try {
-        const userCredential = await createUserWithEmailAndPassword(
+        await createUserWithEmailAndPassword(
           auth,
           formData.email,
           formData.password
         );
-        const newUser = userCredential.user;
-        const userRef = ref(database, `userActivity/${newUser.uid}`);
-        await set(userRef, {
-          ...formData,
-          signInTime: new Date().toISOString(),
-          blocked: false,
-        });
-
-        const userRefUsers = ref(database, `users/${newUser.uid}`);
-        await set(userRefUsers, {
-          ...formData,
-          signInTime: new Date().toISOString(),
-          blocked: false,
+        await set(userRef, userData);
+        await set(roleMailRef, {
+          email: formData.email,
+          role: formData.role,
         });
       } catch (error) {
         console.error("Error adding new user:", error);
       }
     }
     handleDialogClose();
   };
-  const handleConfirmDelete = async (users) => {
+
+  const handleConfirmDelete = async (user) => {
     try {
-      const userActivityRef = ref(database, `userActivity/${users.id}`);
-      await remove(userActivityRef);
-      const userRef = ref(database, `users/${user.id}`);
+      const userRef = ref(database, `userList/${adminID}/${user.id}`);
+      const roleMailRef = ref(database, `rolemail/${user.id}`);
       await remove(userRef);
+      await remove(roleMailRef);
       setUserData((prevUserData) =>
-        prevUserData.filter((user) => user.id !== users.id)
+        prevUserData.filter((u) => u.id !== user.id)
       );
     } catch (error) {
-      console.error("Error deleting contact:", error);
+      console.error("Error deleting user:", error);
     }
   };
   const lampEffectStyle = {