Merge pull request #585 from RedisInsight/bugfix/RI-2735-fix-websocket-connection-close

prevent closing current windows connections on nsDocLoader::Stop afte…

Author: arthosofteq

redisinsight/ui/src/components/monitor/MonitorLog/MonitorLog.tsx

@@ -4,7 +4,6 @@ import React from 'react'
 import { useDispatch, useSelector } from 'react-redux'
 import AutoSizer from 'react-virtualized-auto-sizer'
 import { ApiEndpoints } from 'uiSrc/constants'
-import { AppEnv } from 'uiSrc/constants/env'
 import { monitorSelector, resetProfiler, stopMonitor } from 'uiSrc/slices/cli/monitor'
 import { cutDurationText, getBaseApiUrl } from 'uiSrc/utils'
 
@@ -13,6 +12,7 @@ import styles from './styles.module.scss'
 const PADDINGS_OUTSIDE = 12
 const MIDDLE_SCREEN_RESOLUTION = 460 - PADDINGS_OUTSIDE
 const SMALL_SCREEN_RESOLUTION = 360 - PADDINGS_OUTSIDE
+const DOWNLOAD_IFRAME_NAME = 'logFileDownloadIFrame'
 
 const MonitorLog = () => {
   const { timestamp, logFileId, isSaveToFile } = useSelector(monitorSelector)
@@ -28,13 +28,9 @@ const MonitorLog = () => {
   )
   const baseApiUrl = getBaseApiUrl()
   const linkToDownload = `${baseApiUrl}/api/${ApiEndpoints.PROFILER_LOGS}/${logFileId}`
-  const isElectron = process.env.APP_ENV === AppEnv.ELECTRON
 
-  const downloadBtnProps: any = {}
-  if (isElectron) {
-    downloadBtnProps.download = true
-  } else {
-    downloadBtnProps.target = '_blank'
+  const downloadBtnProps: any = {
+    target: DOWNLOAD_IFRAME_NAME
   }
 
   const onResetProfiler = () => {
@@ -50,6 +46,7 @@ const MonitorLog = () => {
 
   return (
     <div className={styles.monitorLogWrapper}>
+      <iframe title="downloadIframeTarget" name={DOWNLOAD_IFRAME_NAME} style={{ display: 'none' }} />
       <AutoSizer disableHeight>
         {({ width }) => (
           <div