import { observer } from "mobx-react" ; import * as React from "react" ; import { lazyInject } from "../../inversify.config" ; import SceneStore from "../../stores/SceneStore" ; import Scene from "../scene/Scene" ; import SideBar from "../sidebar/SideBar" ; import TopBar from "../topbar/TopBar" ; @ observer export default class Visualization extends React . Component < Record < string , unknown > , any > { @ lazyInject ( "SceneStore" ) private readonly sceneStore ! : SceneStore ; public render ( ) { if ( ! this . sceneStore . isVisible ) { return ( < div className = "visualisation" > < TopBar /> < /div>); } return ( < div className = "visualisation" > < TopBar /> < Scene / > < SideBar /> < /div>); } }