import { observer } from "mobx-react" ; import * as React from "react" ; import { lazyInject } from "../../inversify.config" ; import AppStatusStore from "../../stores/AppStatusStore" ; import ErrorStatus from "./ErrorStatus" ; import InfoStatus from "./InfoStatus" ; import Loading from "./loading/Loading" ; import SoftVis3DLogo from "./SoftVis3DLogo" ; @ observer export default class Status extends React . Component < Record < string , never > , any > { @ lazyInject ( "AppStatusStore" ) private readonly appStatusStore ! : AppStatusStore ; public render ( ) { if ( ! this . appStatusStore . isVisible ) { return < div />; } return ( < div className = "status-component" > < SoftVis3DLogo /> < InfoStatus / > < Loading loadingQueue = { this . appStatusStore . loadingQueue } /> < ErrorStatus errors = { this . appStatusStore . errors } / > < /div>); } }