feat(log): put download log icon into log tab

sasjs · Apr 26, 2023 · 777b3a5 · 777b3a5
1 parent a38a9f9
commit 777b3a5
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 21 deletions.
diff --git a/web/src/containers/Studio/internal/components/log/logComponent.tsx b/web/src/containers/Studio/internal/components/log/logComponent.tsx
@@ -265,25 +265,6 @@ const LogComponent = (props: LogComponentProps) => {
           </pre>
         </div>
       )}
-      <div
-        style={{
-          display: 'flex',
-          justifyContent: 'center',
-
-          marginTop: 10
-        }}
-      >
-        <Button
-          onClick={(evt: SyntheticEvent) => {
-            download(evt, clearErrorsAndWarningsHtmlWrapping(logBody))
-          }}
-          variant="contained"
-          color="primary"
-          startIcon={<FileDownloadIcon />}
-        >
-          download entire log
-        </Button>
-      </div>
     </>
   )
 }

diff --git a/web/src/containers/Studio/internal/components/log/logTabWithIcons.tsx b/web/src/containers/Studio/internal/components/log/logTabWithIcons.tsx
@@ -1,12 +1,18 @@
 import { ErrorOutline, Warning } from '@mui/icons-material'
-import { LogObject } from '../../../../../utils'
+import FileDownloadIcon from '@mui/icons-material/FileDownload'
+import {
+  LogObject,
+  download,
+  clearErrorsAndWarningsHtmlWrapping
+} from '../../../../../utils'
+import Tooltip from '@mui/material/Tooltip'
 
 interface LogTabProps {
   log: LogObject
 }
 
 const LogTabWithIcons = (props: LogTabProps) => {
-  const { errors, warnings } = props.log
+  const { errors, warnings, body } = props.log
 
   return (
     <div
@@ -24,6 +30,14 @@ const LogTabWithIcons = (props: LogTabProps) => {
       {warnings && warnings.length !== 0 && (
         <Warning style={{ fontSize: 20, color: 'green' }} />
       )}{' '}
+      <Tooltip
+        title="Download entire log"
+        onClick={(evt) => {
+          download(evt, clearErrorsAndWarningsHtmlWrapping(body))
+        }}
+      >
+        <FileDownloadIcon style={{ fontSize: 20, marginLeft: 20 }} />
+      </Tooltip>
     </div>
   )
 }