- fix: download item/remote module issues

Author: john-do3

src/renderer/views/downloads-dialog/components/DownloadItem/index.tsx

@@ -12,8 +12,8 @@ import {
   SecondaryText,
 } from './style';
 import { IDownloadItem } from '~/interfaces';
-import prettyBytes = require('pretty-bytes');
-import { shell } from 'electron';
+import prettyBytes from 'pretty-bytes';
+const { shell } = require('electron');
 import store from '../../store';
 import { DownloadItemMenu } from '../DownloadItemMenu';
 

src/renderer/views/downloads-dialog/components/DownloadItemMenu/index.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { observer } from 'mobx-react-lite';
 import { IDownloadItem } from '~/interfaces';
-import { clipboard, ipcRenderer, remote, shell } from 'electron';
+import { clipboard, ipcRenderer, shell } from 'electron';
 import {
   ICON_CHECK,
   ICON_PAUSE,
@@ -36,7 +36,7 @@ const toggleOpenWhenDone =
 
 const showInFolder =
   (item: IDownloadItem) => (e: React.MouseEvent<HTMLDivElement>) => {
-    remote.shell.showItemInFolder(item.savePath);
+    require('@electron/remote').shell.showItemInFolder(item.savePath);
     store.closeAllDownloadMenu();
     e.stopPropagation();
   };
@@ -82,8 +82,8 @@ const trashDownload =
         console.log('Downloaded item has been deleted successfully.');
       })
       .catch((err) => {
-        const window = remote.getCurrentWindow();
-        const dialog = remote.dialog;
+        const window = require('@electron/remote').getCurrentWindow();
+        const dialog = require('@electron/remote').dialog;
         dialog.showMessageBox(window, {
           title: "Couldn't Delete File",
           buttons: ['cancel'],