feat: close app from mainmenu

closes #282

Author: pyphilia

src/components/common/MainMenu.js

@@ -15,6 +15,7 @@ import List from '@material-ui/core/List';
 import ShowChartIcon from '@material-ui/icons/ShowChart';
 import HomeIcon from '@material-ui/icons/Home';
 import PublishIcon from '@material-ui/icons/Publish';
+import CloseIcon from '@material-ui/icons/ExitToApp';
 import SettingsIcon from '@material-ui/icons/Settings';
 import { Online, Offline } from 'react-detect-offline';
 import { withTranslation } from 'react-i18next';
@@ -200,6 +201,24 @@ export class MainMenu extends Component {
     return null;
   };
 
+  renderCloseApp = () => {
+    const { t } = this.props;
+
+    return (
+      <MenuItem
+        onClick={() => {
+          window.close();
+        }}
+        button
+      >
+        <ListItemIcon>
+          <CloseIcon />
+        </ListItemIcon>
+        <ListItemText primary={t('Quit')} />
+      </MenuItem>
+    );
+  };
+
   renderAuthenticatedMenu() {
     const {
       authenticated,
@@ -311,6 +330,7 @@ export class MainMenu extends Component {
         {this.renderClassrooms()}
         {this.renderDeveloperMode()}
         {this.renderSignOut()}
+        {this.renderCloseApp()}
       </List>
     );
   }

src/components/common/MainMenu.test.js

@@ -17,7 +17,7 @@ import {
 } from '../../config/paths';
 
 const MENUITEM_OFFLINE_NUMBER = 2;
-const MENUITEM_OFFLINE_ONLINE_COUNT = 10;
+const MENUITEM_OFFLINE_ONLINE_COUNT = 11;
 
 const createMainMenuProps = (developerMode, path, authenticated = true) => {
   return {

src/components/common/__snapshots__/MainMenu.test.js.snap

@@ -168,6 +168,17 @@ exports[`<MainMenu /> <MainMenu /> with developerMode = false renders correctly
       primary="Sign Out"
     />
   </WithStyles(ForwardRef(MenuItem))>
+  <WithStyles(ForwardRef(MenuItem))
+    button={true}
+    onClick={[Function]}
+  >
+    <WithStyles(ForwardRef(ListItemIcon))>
+      <ExitToAppIcon />
+    </WithStyles(ForwardRef(ListItemIcon))>
+    <WithStyles(ForwardRef(ListItemText))
+      primary="Quit"
+    />
+  </WithStyles(ForwardRef(MenuItem))>
 </WithStyles(ForwardRef(List))>
 `;
 
@@ -352,5 +363,16 @@ exports[`<MainMenu /> <MainMenu /> with developerMode = true renders correctly 1
       primary="Sign Out"
     />
   </WithStyles(ForwardRef(MenuItem))>
+  <WithStyles(ForwardRef(MenuItem))
+    button={true}
+    onClick={[Function]}
+  >
+    <WithStyles(ForwardRef(ListItemIcon))>
+      <ExitToAppIcon />
+    </WithStyles(ForwardRef(ListItemIcon))>
+    <WithStyles(ForwardRef(ListItemText))
+      primary="Quit"
+    />
+  </WithStyles(ForwardRef(MenuItem))>
 </WithStyles(ForwardRef(List))>
 `;