import {Button} from '@mui/material'; import { store } from "../../../store"; import { privateMessage } from "../../../reducers/userDataReducer"; import { useSelector } from "react-redux"; import { banUser } from '../service/banUser'; import { muteUser } from '../service/muteUser'; import './userInfo.scss'; export const AdminUserInfiButton = ({item, i}) => { const user = useSelector(state => state.getUserSocketReducer.socketUserData) const usersOnline = useSelector(state => state.getUserSocketReducer.usersOnline); const socket = useSelector(state => state.getUserSocketReducer.socket) const isTabletorMobile = (window.screen.width < 730); const chatId = useSelector(state => state.userDataReducer.chatId) const isPrivatChat = useSelector(state => state.userDataReducer.isPrivatChat) const arrUsersOnline = usersOnline.map( i => i?.userName) const userNamesOnlineSet = new Set(arrUsersOnline) return(