Refactor check update telmi sync

public/MainEvents/Update.js

@@ -7,6 +7,7 @@ function mainEventUpdate (mainWindow) {
     'check-update',
     async () => {
       const json = await requestJson('https://api.github.com/repos/DantSu/Telmi-Sync/releases', {})
+      mainWindow.webContents.send('check-update-data', 'https://github.com/DantSu/Telmi-Sync/releases')
       if (!json.length || !isNewerVersion(app.getVersion(), json[0].tab_name)) {
         return
       }

src/App/Components/Buttons/IconsTexts/ButtonIconTextCloud.js

@@ -0,0 +1,7 @@
+import ButtonIconTextGeneric from './ButtonIconTextGeneric.js'
+
+function ButtonIconTextCloud(props) {
+  return <ButtonIconTextGeneric {...props} icon={'\uf0ed'}/>
+}
+
+export default ButtonIconTextCloud

src/App/Components/Link/ButtonExternalLink.js

@@ -0,0 +1,26 @@
+import React, { useCallback, useMemo } from 'react'
+
+const {ipcRenderer} = window.require('electron')
+
+function ButtonExternalLink ({href, children}) {
+  const
+    onClick = useCallback(
+      (e) => {
+        e.preventDefault()
+        ipcRenderer.send('new-window', href)
+      },
+      [href]
+    ),
+    childHref = useMemo(
+      () => React.Children.map(
+        children,
+        (child) => React.cloneElement(child, {onClick})
+      ),
+      [children, onClick]
+    )
+
+  return <>{childHref}</>
+
+}
+
+export default ButtonExternalLink

src/App/Layout/TopBar/ButtonUpdate.js

@@ -1,9 +1,8 @@
 import { useElectronEmitter, useElectronListener } from '../../Components/Electron/Hooks/UseElectronEvent.js'
 import { useState } from 'react'
 import { useLocale } from '../../Components/Locale/LocaleHooks.js'
-
-import styles from './TopBar.module.scss'
-import ExternalLink from '../../Components/Link/ExternalLink.js'
+import ButtonExternalLink from '../../Components/Link/ButtonExternalLink.js'
+import ButtonIconTextCloud from '../../Components/Buttons/IconsTexts/ButtonIconTextCloud.js'
 
 function ButtonUpdate () {
   const
@@ -17,10 +16,9 @@ function ButtonUpdate () {
   )
   useElectronEmitter('check-update', [])
 
-  return urlUpdate === null ? null : <ExternalLink href={urlUpdate}
-                                                   className={styles.buttonUpdate}>{
-    getLocale('update-available')
-  }</ExternalLink>
+  return urlUpdate === null ? null : <ButtonExternalLink href={urlUpdate}>
+    <ButtonIconTextCloud text={getLocale('update-available')} rounded={true}/>
+  </ButtonExternalLink>
 }
 
 export default ButtonUpdate

src/App/Layout/TopBar/TopBar.module.scss

@@ -61,13 +61,3 @@
 .buttonSelected {
   color: $orange;
 }
-
-.buttonUpdate {
-  -webkit-app-region: no-drag;
-  display: block;
-  font-weight: bold;
-  color: $purple1;
-  background: $orange;
-  padding: 5px 10px;
-  border-radius: 15px;
-}