Update electron(v8), menubar(v8) and more dependencies

package.json

@@ -71,7 +71,9 @@
       "category": "public.app-category.developer-tools",
       "icon": "assets/images/app-icon.icns",
       "identity": "Emmanouil Konstantinidis (3YP8SXP3BF)",
-      "publish": ["github"]
+      "publish": [
+        "github"
+      ]
     },
     "dmg": {
       "icon": "assets/images/app-icon.icns"
@@ -85,12 +87,13 @@
     "electron-updater": "^4.2.0",
     "final-form": "^4.18.7",
     "lodash": "^4.17.15",
-    "menubar": "^7.2.0",
+    "menubar": "^8.0.0",
     "nprogress": "=0.2.0",
     "react": "=16.12.0",
     "react-dom": "=16.12.0",
     "react-emojione": "=5.0.1",
     "react-final-form": "^6.3.5",
+    "react-is": "^16.12.0",
     "react-redux": "=7.1.3",
     "react-router-dom": "^5.1.2",
     "react-transition-group": "^4.3.0",
@@ -100,28 +103,28 @@
     "redux-storage-decorator-filter": "=1.1.8",
     "redux-storage-engine-localstorage": "=1.1.4",
     "redux-thunk": "=2.3.0",
-    "styled-components": "^5.0.0",
+    "styled-components": "^5.0.1",
     "ts-loader": "^6.2.1",
     "typescript": "^3.7.5"
   },
   "devDependencies": {
     "@testing-library/react": "^9.4.0",
-    "@types/jest": "^24.0.25",
+    "@types/jest": "^25.1.2",
     "@types/lodash": "^4.14.149",
     "@types/node": "^12.12.21",
     "@types/react": "^16.9.19",
     "@types/react-redux": "^7.1.7",
     "@types/react-transition-group": "^4.2.3",
     "@types/styled-components": "^4.4.2",
-    "electron": "=7.1.11",
+    "electron": "^8.0.0",
     "electron-builder": "^22.3.2",
-    "jest": "^24.9.0",
-    "nock": "=11.7.2",
+    "jest": "^25.1.0",
+    "nock": "^11.8.2",
     "prettier": "=1.19.1",
     "react-test-renderer": "=16.12.0",
     "redux-logger": "=3.0.6",
     "redux-mock-store": "=1.5.4",
-    "ts-jest": "^24.2.0",
+    "ts-jest": "^25.2.0",
     "webpack": "^4.41.5",
     "webpack-cli": "^3.3.10",
     "webpack-merge": "^4.2.2"

src/js/components/__snapshots__/account-notifications.test.tsx.snap

@@ -2,7 +2,7 @@
 
 exports[`components/account-notifications.tsx should render itself (github.com with notifications) 1`] = `
 <div
-  className="sc-AykKC hkjopf"
+  className="sc-AxjAm hCwqHM"
 >
   github.com
   <svg
@@ -31,7 +31,7 @@ exports[`components/account-notifications.tsx should render itself (github.com w
 
 exports[`components/account-notifications.tsx should render itself (github.com without notifications) 1`] = `
 <div
-  className="sc-AykKC hkjopf"
+  className="sc-AxjAm hCwqHM"
 >
   github.com
   <svg

src/js/components/__snapshots__/all-read.test.tsx.snap

@@ -2,18 +2,18 @@
 
 exports[`components/all-read.tsx should render itself & its children 1`] = `
 <div
-  className="sc-AykKC iqXGQ"
+  className="sc-AxjAm bVUrJb"
 >
   <div
-    className="sc-AykKD dxnFup"
+    className="sc-AxirZ joxCwg"
   >
     😉
   </div>
   <h2
-    className="sc-AykKE kxNnyc"
+    className="sc-AxiKw dlazZW"
   />
   <h4
-    className="sc-AykKF hXdduO"
+    className="sc-AxhCb jUqlrV"
   >
     No new notifications.
   </h4>

src/js/components/__snapshots__/notification.test.tsx.snap

@@ -2,10 +2,10 @@
 
 exports[`components/notification.js should render itself & its children 1`] = `
 <div
-  className="sc-AykKC geylAL"
+  className="sc-AxjAm esvKhw"
 >
   <div
-    className="sc-AykKG nSNMR"
+    className="sc-AxhUy cNkvzS"
   >
     <svg
       aria-hidden="false"
@@ -31,17 +31,17 @@ exports[`components/notification.js should render itself & its children 1`] = `
     </svg>
   </div>
   <div
-    className="sc-AykKD dWNlSI"
+    className="sc-AxirZ ibrlFv"
     onClick={[Function]}
     role="main"
   >
     <h6
-      className="sc-AykKE fsnEEy"
+      className="sc-AxiKw fXbfXY"
     >
       I am a robot and this is a test!
     </h6>
     <div
-      className="sc-AykKF drOcmQ"
+      className="sc-AxhCb fqclhB"
     >
       <span
         title="You're watching the repository."
@@ -54,10 +54,10 @@ exports[`components/notification.js should render itself & its children 1`] = `
     </div>
   </div>
   <div
-    className="sc-AykKG nSNMR"
+    className="sc-AxhUy cNkvzS"
   >
     <button
-      className="sc-AykKH iotryN"
+      className="sc-AxgMl beGRRX"
       onClick={[Function]}
     >
       <svg

src/js/components/__snapshots__/oops.test.tsx.snap

@@ -2,20 +2,20 @@
 
 exports[`components/oops.tsx should render itself & its children 1`] = `
 <div
-  className="sc-AykKC iqXGQ"
+  className="sc-AxjAm bVUrJb"
 >
   <div
-    className="sc-AykKD dxnFup"
+    className="sc-AxirZ joxCwg"
   >
     😔
   </div>
   <h2
-    className="sc-AykKE kxNnyc"
+    className="sc-AxiKw dlazZW"
   >
     Something went wrong.
   </h2>
   <h4
-    className="sc-AykKF hXdduO"
+    className="sc-AxhCb jUqlrV"
   >
     Couldn't get your notifications.
   </h4>

src/js/components/__snapshots__/repository.test.tsx.snap

@@ -3,13 +3,13 @@
 exports[`components/repository.tsx should render itself & its children 1`] = `
 Array [
   <div
-    className="sc-AykKC hVOLrn"
+    className="sc-AxjAm jxuASs"
   >
     <div
-      className="sc-AykKD fSDtMT"
+      className="sc-AxirZ jclJC"
     >
       <img
-        className="sc-AykKE cWuXBx"
+        className="sc-AxiKw cUAnsn"
         src="https://avatars0.githubusercontent.com/u/6333409?v=3"
       />
       <span
@@ -19,10 +19,10 @@ Array [
       </span>
     </div>
     <div
-      className="sc-AykKF dCtLYA"
+      className="sc-AxhCb hLzOhr"
     >
       <button
-        className="sc-AykKG fLcycU"
+        className="sc-AxhUy hwudQN"
         onClick={[Function]}
       >
         <svg

src/js/components/__snapshots__/sidebar.test.tsx.snap

@@ -2,10 +2,10 @@
 
 exports[`components/Sidebar.tsx should render itself & its children (logged in) 1`] = `
 <div
-  className="sc-AykKC hlbwQR"
+  className="sc-AxjAm hvGyhy"
 >
   <div
-    className="sc-AykKD jNLHCP"
+    className="sc-AxirZ gZzKjG"
   >
     <svg
       className="logo"
@@ -52,7 +52,7 @@ exports[`components/Sidebar.tsx should render itself & its children (logged in)
       </g>
     </svg>
     <div
-      className="sc-AykKE dFyZIk"
+      className="sc-AxiKw cRGLZg"
     >
       <svg
         aria-hidden="true"
@@ -79,11 +79,11 @@ exports[`components/Sidebar.tsx should render itself & its children (logged in)
     </div>
   </div>
   <div
-    className="sc-AykKF gzCmSs"
+    className="sc-AxhCb iiUgpz"
   >
     <button
       aria-label="Refresh Notifications"
-      className="sc-AykKG exvrYi"
+      className="sc-AxhUy dubEsv"
       onClick={[Function]}
     >
       <svg
@@ -110,7 +110,7 @@ exports[`components/Sidebar.tsx should render itself & its children (logged in)
     </button>
     <button
       aria-label="Settings"
-      className="sc-AykKG exvrYi"
+      className="sc-AxhUy dubEsv"
       onClick={[Function]}
     >
       <svg
@@ -137,7 +137,7 @@ exports[`components/Sidebar.tsx should render itself & its children (logged in)
     </button>
     <button
       aria-label="View project on GitHub"
-      className="sc-AykKG exvrYi"
+      className="sc-AxhUy dubEsv"
       onClick={[Function]}
     >
       <svg
@@ -168,10 +168,10 @@ exports[`components/Sidebar.tsx should render itself & its children (logged in)
 
 exports[`components/Sidebar.tsx should render itself & its children (logged out) 1`] = `
 <div
-  className="sc-AykKC hlbwQR"
+  className="sc-AxjAm hvGyhy"
 >
   <div
-    className="sc-AykKD jNLHCP"
+    className="sc-AxirZ gZzKjG"
   >
     <svg
       className="logo"
@@ -218,7 +218,7 @@ exports[`components/Sidebar.tsx should render itself & its children (logged out)
       </g>
     </svg>
     <div
-      className="sc-AykKE dFyZIk"
+      className="sc-AxiKw cRGLZg"
     >
       <svg
         aria-hidden="true"
@@ -245,11 +245,11 @@ exports[`components/Sidebar.tsx should render itself & its children (logged out)
     </div>
   </div>
   <div
-    className="sc-AykKF gzCmSs"
+    className="sc-AxhCb iiUgpz"
   >
     <button
       aria-label="View project on GitHub"
-      className="sc-AykKG exvrYi"
+      className="sc-AxhUy dubEsv"
       onClick={[Function]}
     >
       <svg

src/js/routes/__snapshots__/enterprise-login.test.tsx.snap

@@ -3,38 +3,38 @@
 exports[`routes/enterprise-login.js renders correctly 1`] = `
 <div>
   <div
-    className="sc-AykKJ dpQeKw"
+    className="sc-Axmtr ebMSwT"
   >
     <h3
-      className="sc-fzXfLO kHdgsr"
+      className="sc-fzozJi jqfsXz"
     >
       Login to GitHub Enterprise
     </h3>
     <button
       aria-label="Go Back"
-      className="sc-fzXfLP efZclQ"
+      className="sc-fzoLsD cUlvxj"
       onClick={[Function]}
     >
       ×
     </button>
   </div>
   <div
-    className="sc-AykKK jDEljL"
+    className="sc-AxmLO hfTlrw"
   >
     <form
       onSubmit={[Function]}
     >
       <div
-        className="sc-AykKC kzMuDw"
+        className="sc-AxjAm euTnqr"
       >
         <label
-          className="sc-AykKD dXwyWP"
+          className="sc-AxirZ iDECDC"
           htmlFor="hostname"
         >
           Hostname
         </label>
         <input
-          className="sc-AykKE hKjuFy"
+          className="sc-AxiKw gyFGja"
           id="hostname"
           name="hostname"
           onBlur={[Function]}
@@ -46,16 +46,16 @@ exports[`routes/enterprise-login.js renders correctly 1`] = `
         />
       </div>
       <div
-        className="sc-AykKC kzMuDw"
+        className="sc-AxjAm euTnqr"
       >
         <label
-          className="sc-AykKD dXwyWP"
+          className="sc-AxirZ iDECDC"
           htmlFor="clientId"
         >
           Client ID
         </label>
         <input
-          className="sc-AykKE hKjuFy"
+          className="sc-AxiKw gyFGja"
           id="clientId"
           name="clientId"
           onBlur={[Function]}
@@ -67,16 +67,16 @@ exports[`routes/enterprise-login.js renders correctly 1`] = `
         />
       </div>
       <div
-        className="sc-AykKC kzMuDw"
+        className="sc-AxjAm euTnqr"
       >
         <label
-          className="sc-AykKD dXwyWP"
+          className="sc-AxirZ iDECDC"
           htmlFor="clientSecret"
         >
           Client Secret
         </label>
         <input
-          className="sc-AykKE hKjuFy"
+          className="sc-AxiKw gyFGja"
           id="clientSecret"
           name="clientSecret"
           onBlur={[Function]}
@@ -88,7 +88,7 @@ exports[`routes/enterprise-login.js renders correctly 1`] = `
         />
       </div>
       <button
-        className="sc-AykKI dHvhDg"
+        className="sc-AxheI dRrlwj"
         disabled={true}
         title="Login Button"
         type="submit"