import React, { Component } from "react"; import MoreVertIcon from "@material-ui/icons/MoreVert"; import ArrowForwardIcon from "@material-ui/icons/ArrowForward"; import Menu from "@material-ui/core/Menu"; import MenuItem from "@material-ui/core/MenuItem"; import VideocamIcon from "@material-ui/icons/Videocam"; import StatusAvatar from "./Avatar/index.js"; import CallIcon from "@material-ui/icons/Call"; import { connect } from "react-redux"; import "./index.scss"; class Header extends Component { constructor(props) { super(props); this.state = { anchorEl: null, }; } handleClick = (event) => { this.setState({ anchorEl: event.currentTarget, }); }; handleClose = () => { this.setState({ anchorEl: null, }); }; back = () => { window.history.back(); }; render() { const { page, setPage, chatInfo } = this.props; const { anchorEl } = this.state; return (