main: fix external link not working correctly

src/main/IPCs.ts

@@ -1,4 +1,4 @@
-import { BrowserWindow, ipcMain } from 'electron'
+import { BrowserWindow, ipcMain, shell } from 'electron'
 import Constants from './utils/Constants'
 
 /*
@@ -10,5 +10,10 @@ export default class IPCs {
     ipcMain.on('msgRequestGetVersion', () => {
       window.webContents.send('msgReceivedVersion', Constants.APP_VERSION)
     })
+
+    // Open url via web browser
+    ipcMain.on('msgOpenExternalLink', async (event, url) => {
+      await shell.openExternal(url)
+    })
   }
 }

src/preload/index.ts

@@ -1,11 +1,10 @@
-import { contextBridge, ipcRenderer, shell } from 'electron'
+import { contextBridge, ipcRenderer } from 'electron'
 
 // Whitelist of valid channels used for IPC communication (Send message from Renderer to Main)
-const mainAvailChannels = ['msgRequestGetVersion']
+const mainAvailChannels = ['msgRequestGetVersion', 'msgOpenExternalLink']
 const rendererAvailChannels = ['msgReceivedVersion']
 
 contextBridge.exposeInMainWorld('mainApi', {
-  openExternal: async (url) => await shell.openExternal(url),
   send: (channel, data) => {
     if (mainAvailChannels.includes(channel)) {
       ipcRenderer.send(channel, data)

src/renderer/utils/index.ts

@@ -4,7 +4,7 @@ export default class Utils {
   }
 
   static async openExternal(url: string): Promise<void> {
-    await window.mainApi.openExternal(url)
+    await window.mainApi.send('msgOpenExternalLink', url)
   }
 }