improved app interface

src/container/PageHtml.jsx

@@ -47,16 +47,27 @@ class pageHtml extends React.Component {
     this.state = {
       appName: 'PageHtml',
       isVisible: true,
-      workspace: props.app ? props.app.workspace : debug.workspace,
-      appConfig: props.app ? props.app.appConfig : debug.appConfig,
-      loggedUser: props.app ? props.app.loggedUser : debug.loggedUser,
-      content: props.app ? props.app.content : debug.content,
-      timeline: props.app ? [] : debug.timeline
+      workspace: props.data ? props.data.workspace : debug.workspace,
+      appConfig: props.data ? props.data.appConfig : debug.appConfig,
+      loggedUser: props.data ? props.data.loggedUser : debug.loggedUser,
+      content: props.data ? props.data.content : debug.content,
+      timeline: props.data ? [] : debug.timeline
     }
 
     document.addEventListener('appCustomEvent', this.customEventReducer)
   }
 
+  customEventReducer = ({ detail: action }) => { // action: { type: '', data: {} }
+    switch (action.type) {
+      case 'PageHtml_showApp':
+        this.setState({isVisible: true})
+        break
+      case 'PageHtml_hideApp':
+        this.setState({isVisible: false})
+        break
+    }
+  }
+
   async componentDidMount () {
     const { workspace, content, appConfig } = this.state
     if (content.id === '-1') return // debug case
@@ -79,16 +90,7 @@ class pageHtml extends React.Component {
     })
   }
 
-  customEventReducer = action => { // action: { type: '', data: {} }
-    switch (action.type) {
-      case 'PageHtml_dummyTest':
-        this.setState({dummy: true})
-        break
-    }
-  }
-
   handleClickBtnCloseApp = () => {
-    // GLOBAL_unmountApp(this.state.appName)
     this.setState({ isVisible: false })
   }
 

src/index.js

@@ -4,15 +4,16 @@ import PageHtml from './container/PageHtml.jsx'
 
 require('./css/index.styl')
 
-const appInterface = class appInterface {
-  renderApp = (domId, app) => {
+const appInterface = {
+  name: 'PageHtml',
+  isRendered: false,
+  renderApp: (domId, data) => {
     return ReactDOM.render(
-      <PageHtml app={app} />
+      <PageHtml app={data} />
       , document.getElementById(domId)
     )
-  }
-
-  unountApp = domId => {
+  },
+  hideApp: domId => {
     return ReactDOM.unmountComponentAtNode(document.getElementById(domId)) // returns bool
   }
 }