feat: users online status

src/common/component/NotificationHub.js

@@ -10,6 +10,7 @@ import {
   addChannel,
   deleteChannel,
 } from "../../app/slices/channels";
+import { updateUsersStatus } from "../../app/slices/contacts";
 import {
   clearAuthData,
   setUsersVersion,
@@ -71,6 +72,14 @@ const NotificationHub = ({ token, usersVersion = 0, afterMid = 0 }) => {
           dispatch(setUsersVersion({ version }));
         }
         break;
+      case "users_state":
+      case "users_state_changed":
+        {
+          let { type, ...rest } = data;
+          const onlines = type == "users_state_changed" ? [rest] : rest.users;
+          dispatch(updateUsersStatus(onlines));
+        }
+        break;
       case "kick":
         {
           console.log("kicked");

src/common/hook/useFilteredUsers.js

@@ -1,9 +1,8 @@
 import { useState, useEffect } from "react";
-import { useGetContactsQuery } from "../../app/services/contact";
-
+import { useSelector } from "react-redux";
 export default function useFilteredUsers() {
   const [input, setInput] = useState("");
-  const { data: contacts } = useGetContactsQuery();
+  const contacts = useSelector((store) => store.contacts);
   const [filteredUsers, setFilteredUsers] = useState(contacts);
   useEffect(() => {
     if (!input) {