text: import Screen, { INITIAL_STATE as SUPER_INITIAL_STATE }  from './Screen';
  import { update, getState } from '../../store';
  
  export const INITIAL_STATE = {
    ...SUPER_INITIAL_STATE,
    messagesLoading: false,
    cssLoading: false,
    disconnected: false,
    userPageLoading: false,
  }
  
  export default class StatedScreen extends Screen {
  
    setMessagesLoading(messagesLoading) {
      this.display(!messagesLoading);
      update({ messagesLoading });
    }
  
    setCSSLoading(cssLoading) {
      this.displayFrame(!cssLoading);
      update({ cssLoading });
    }
  
    setDisconnected(disconnected) {
      if (!getState().live) return; //?
      this.display(!disconnected);
      update({ disconnected });
    }
  
    setUserPageLoading(userPageLoading) {
      this.display(!userPageLoading);
      update({ userPageLoading });
    }
  
    setSize({ height, width }) {
      this.iframe.style.width = width + 'px';
      this.iframe.style.height = height + 'px';
      update({ width, height });
      this.scale();
    }
  }