fixed app opening and reopening

src/container/OpenContentApp.jsx

@@ -5,7 +5,7 @@ import appFactory from '../appFactory.js'
 
 export class OpenContentApp extends React.Component {
   openContentApp = () => {
-    const { idWorkspace, appOpened, user, workspaceContent, contentType, renderApp, match } = this.props
+    const { idWorkspace, appOpenedType, user, workspaceContent, contentType, renderApp, match } = this.props
 
     if (isNaN(idWorkspace)) return
 
@@ -20,18 +20,21 @@ export class OpenContentApp extends React.Component {
 
       console.log('contentToOpen', contentToOpen)
 
-      if (!appOpened) {
+      if (appOpenedType === contentToOpen.type) { // app already open
+        GLOBAL_dispatchEvent({
+          type: `${contentToOpen.type}_reloadContent`, // handled by html-documents:src/container/HtmlDocument.jsx
+          data: contentToOpen
+        })
+      } else { // open another app
+        // if another app is already visible, hide it
+        if (appOpenedType !== false) GLOBAL_dispatchEvent(`${appOpenedType}_hideApp`)
+        // open app
         renderApp(
           contentType.find(ct => ct.slug === contentToOpen.type),
           user,
           contentToOpen
         )
-        this.props.updateAppOpened(true)
-      } else {
-        GLOBAL_dispatchEvent({
-          type: 'html-documents_reloadContent', // handled by html-documents:src/container/HtmlDocument.jsx
-          data: contentToOpen
-        })
+        this.props.updateAppOpenedType(contentToOpen.type)
       }
     }
   }

src/container/WorkspaceContent.jsx

@@ -16,7 +16,6 @@ import {
   getAppList,
   getContentTypeList,
   getWorkspaceContentList,
-  // getWorkspaceContent,
   getFolderContent,
   getWorkspaceList
 } from '../action-creator.async.js'
@@ -41,7 +40,7 @@ class WorkspaceContent extends React.Component {
         folder: undefined
       },
       workspaceIdInUrl: props.match.params.idws ? parseInt(props.match.params.idws) : null, // this is used to avoid handling the parseInt everytime
-      appOpened: false
+      appOpenedType: false
     }
 
     document.addEventListener('appCustomEvent', this.customEventReducer)
@@ -171,7 +170,7 @@ class WorkspaceContent extends React.Component {
     )
   }
 
-  handleUpdateAppOpened = opened => this.setState({appOpened: opened})
+  handleUpdateAppOpenedType = openedAppType => this.setState({appOpenedType: openedAppType})
 
   render () {
     const { workspaceContent, contentType, match } = this.props
@@ -196,7 +195,11 @@ class WorkspaceContent extends React.Component {
       <div className='sidebarpagecontainer'>
         <Sidebar />
 
-        <OpenContentApp idWorkspace={match.params.idws} appOpened={this.state.appOpened} updateAppOpened={this.handleUpdateAppOpened} />
+        <OpenContentApp
+          idWorkspace={match.params.idws}
+          appOpenedType={this.state.appOpenedType}
+          updateAppOpenedType={this.handleUpdateAppOpenedType}
+        />
 
         <PageWrapper customeClass='workspace'>
           <PageTitle