import React, { Component } from "react"; import { Menu, Button, Grid, Icon, Responsive, Dropdown, } from "semantic-ui-react"; import { editButtonStyle } from "../components/dashboard/devices/styleComponents"; import SceneModal from "../components/SceneModal"; import { RemoteService } from "../remote"; import { connect } from "react-redux"; import { appActions } from "../storeActions"; class ScenesNavbar extends Component { constructor(props) { super(props); this.state = { editMode: false, }; this.toggleEditMode = this.toggleEditMode.bind(this); this.openCurrentModalMobile = this.openCurrentModalMobile.bind(this); } get activeItemScene() { return this.props.activeScene; } set activeItemScene(item) { this.props.setActiveScene(item); } get activeItemSceneName() { if (this.props.activeScene === -1) return "Home"; return this.props.scenes[this.props.activeScene].name; } openCurrentModalMobile() { console.log(this.activeItem, this.props.roomModalRefs); const currentModal = this.props.roomModalRefs[this.activeItem].current; currentModal.openModal(); } toggleEditMode(e) { this.setState((prevState) => ({ editMode: !prevState.editMode })); } render() { return (