import React, { Component } from "react"; import { Menu, Grid, Icon, Responsive, Dropdown } from "semantic-ui-react"; import { editButtonStyle } from "../components/dashboard/devices/styleComponents"; import ModalWindow from "../components/modalform"; class Navbar extends Component { constructor(props) { super(props); this.state = { activeItemName: "Home", activeItem: -1, edited: "", editMode: false, }; } componentDidMount() { this.setState({ activeItem: this.props.activeItem, }); } editModeController = (e) => this.setState((prevState) => ({ editMode: !prevState.editMode })); handleClick = (e, { id, name }) => { let obj = undefined; this.props.rooms.forEach((e) => { if (e.id === id) { obj = e; } }); this.setState({ activeItem: id, activeRoom: obj, activeItemName: name, }); this.props.handleItemClick(id); }; render() { //const { activeItem } = this.state return (