feat: added quit on userSelector (#105)

Author: flavioislima

electron/main.ts

@@ -138,7 +138,7 @@ app.whenReady().then(() => {
     {
       label: 'Quit',
       click: function () {
-        app.quit()
+        app.exit()
       },
     },
   ])

package-lock.json

@@ -131,7 +131,7 @@
 }
 
 .UserSelector:hover {
-  height: 112px;
+  height: fit-content;
   background: #1a1b1c;
   box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.45);
 }

src/App.css

@@ -1,5 +1,5 @@
 import React from 'react'
-import { legendary, openAboutWindow } from '../../helper'
+import { legendary, openAboutWindow, handleQuit } from '../../helper'
 import ContextProvider from '../../state/ContextProvider'
 
 export default function UserSelector() {
@@ -28,6 +28,9 @@ export default function UserSelector() {
       <div onClick={() => handleLogout()} className="userName hidden">
         Logout
       </div>
+      <div onClick={() => handleQuit()} className="userName hidden">
+        Quit
+      </div>
     </div>
   )
 }

src/components/UI/UserSelector.tsx

@@ -1,7 +1,7 @@
 import { Game } from './types'
 
 const { ipcRenderer, remote } = window.require('electron')
-const { BrowserWindow } = remote
+const { BrowserWindow, app } = remote
 
 const readFile = async (file: string) =>
   await ipcRenderer.invoke('readFile', file)
@@ -28,6 +28,8 @@ export const loginPage = () => ipcRenderer.send('openLoginPage')
 
 export const sidInfoPage = () => ipcRenderer.send('openSidInfoPage')
 
+export const handleQuit = () => app.exit()
+
 export const importGame = async (args: any) =>
   await ipcRenderer.invoke('importGame', args)