Merge pull request #419 from codebytere/update-to-electron-9

chore: upgrade to Electron v9

Author: manosim

package.json

@@ -112,7 +112,7 @@
     "electron-updater": "^4.2.5",
     "final-form": "^4.19.1",
     "lodash": "^4.17.15",
-    "menubar": "^8.0.1",
+    "menubar": "^9.0.1",
     "nprogress": "=0.2.0",
     "react": "=16.13.1",
     "react-dom": "=16.13.1",
@@ -141,7 +141,7 @@
     "@types/react-redux": "^7.1.7",
     "@types/react-transition-group": "^4.2.4",
     "@types/styled-components": "^5.0.1",
-    "electron": "^8.2.0",
+    "electron": "^9.0.0",
     "electron-builder": "^22.4.1",
     "electron-notarize": "^0.3.0",
     "jest": "^25.2.7",

src/js/components/ui/checkbox.tsx

@@ -45,8 +45,7 @@ const StyledCheckbox = styled.div`
   }
 
   ${Icon} {
-    // @ts-ignore
-    visibility: ${(props) => (props.isChecked ? 'visible' : 'hidden')};
+    visibility: ${(props) => ((props as any).isChecked ? 'visible' : 'hidden')};
   }
 `;
 

src/js/routes/__snapshots__/settings.test.tsx.snap

@@ -12,13 +12,13 @@ exports[`routes/settings.tsx should render itself & its children 1`] = `
     >
       Settings
     </h3>
-    <button
+    <a
       aria-label="Close Settings"
       className="sc-fzoLsD cUlvxj"
       onClick={[Function]}
     >
       ×
-    </button>
+    </a>
   </div>
   <div
     className="sc-Axmtr fLAtpJ"
@@ -39,7 +39,7 @@ exports[`routes/settings.tsx should render itself & its children 1`] = `
             type="checkbox"
           />
           <div
-            className="sc-AxhUy VqymF"
+            className="sc-AxhUy juIZhB"
           >
             <svg
               className="sc-AxiKw bCXYxk"
@@ -93,7 +93,7 @@ exports[`routes/settings.tsx should render itself & its children 1`] = `
             type="checkbox"
           />
           <div
-            className="sc-AxhUy fPqOA-d"
+            className="sc-AxhUy gbfYbF"
           >
             <svg
               className="sc-AxiKw bCXYxk"
@@ -147,7 +147,7 @@ exports[`routes/settings.tsx should render itself & its children 1`] = `
             type="checkbox"
           />
           <div
-            className="sc-AxhUy fPqOA-d"
+            className="sc-AxhUy gbfYbF"
           >
             <svg
               className="sc-AxiKw bCXYxk"
@@ -201,7 +201,7 @@ exports[`routes/settings.tsx should render itself & its children 1`] = `
             type="checkbox"
           />
           <div
-            className="sc-AxhUy VqymF"
+            className="sc-AxhUy juIZhB"
           >
             <svg
               className="sc-AxiKw bCXYxk"
@@ -255,7 +255,7 @@ exports[`routes/settings.tsx should render itself & its children 1`] = `
             type="checkbox"
           />
           <div
-            className="sc-AxhUy VqymF"
+            className="sc-AxhUy juIZhB"
           >
             <svg
               className="sc-AxiKw bCXYxk"

src/js/routes/settings.tsx

@@ -45,7 +45,7 @@ const Title = styled.h3`
   font-weight: 500;
 `;
 
-const ButtonClose = styled.button`
+const ButtonClose = styled.a`
   border: 0;
   padding: 0.25rem;
   font-size: 2rem;