Do not render components that are not visible

__tests__/src/components/WorkspaceMenu.test.js

@@ -42,7 +42,8 @@ describe('WorkspaceMenu', () => {
   describe('handleMenuItemClose', () => {
     it('resets the anchor state', () => {
       wrapper.instance().handleMenuItemClose('windowList')();
-      expect(wrapper.find(WindowList).props().open).toBe(false);
+      expect(Boolean(wrapper.state('windowList').anchorEl)).toEqual(false);
+      expect(wrapper.find(WindowList).length).toBe(0);
     });
   });
 

src/components/WorkspaceMenu.js

@@ -171,35 +171,47 @@ export class WorkspaceMenu extends Component {
             <Typography variant="body1">{t('importWorkspace')}</Typography>
           </MenuItem>
         </Menu>
+        {Boolean(windowList.anchorEl) && (
           <WindowList
             anchorEl={windowList.anchorEl}
             open={Boolean(windowList.anchorEl)}
             handleClose={this.handleMenuItemClose('windowList')}
           />
+        )}
+        {Boolean(toggleZoom.open) && (
           <WorkspaceSettings
             open={Boolean(toggleZoom.open)}
             handleClose={this.handleMenuItemClose('toggleZoom')}
           />
+        )}
+        {Boolean(settings.open) && (
           <WorkspaceSettings
             open={Boolean(settings.open)}
             container={container}
             handleClose={this.handleMenuItemClose('settings')}
           />
+        )}
+        {Boolean(workspaceSelection.open) && (
           <WorkspaceSelectionDialog
             open={Boolean(workspaceSelection.open)}
             container={container}
             handleClose={this.handleMenuItemClose('workspaceSelection')}
           />
+        )}
+        {Boolean(exportWorkspace.open) && (
           <WorkspaceExport
             open={Boolean(exportWorkspace.open)}
             container={container}
             handleClose={this.handleMenuItemClose('exportWorkspace')}
           />
+        )}
+        {Boolean(importWorkspace.open) && (
           <WorkspaceImport
             open={Boolean(importWorkspace.open)}
             container={container}
             handleClose={this.handleMenuItemClose('importWorkspace')}
           />
+        )}
       </>
     );
   }