components/elements/processes/index.tsx

@@ -1,15 +1,14 @@
 import styles from './styles.module.css'
 import {useEffect, useState} from "react"
-import DeleteForeverOutlined from "@mui/icons-material/DeleteForeverOutlined"
-import StopCircleOutlined from "@mui/icons-material/StopCircleOutlined"
+import DeleteForever from "@mui/icons-material/DeleteForever"
+import StopCircle from "@mui/icons-material/StopCircle"
 import PauseCircleOutline from "@mui/icons-material/PauseCircleOutline"
 import PlayCircleOutline from "@mui/icons-material/PlayCircleOutline"
-import HourglassEmptyOutlined from "@mui/icons-material/HourglassEmptyOutlined"
+import HourglassEmpty from "@mui/icons-material/HourglassEmpty"
 import CheckCircleOutline from "@mui/icons-material/CheckCircleOutline"
 import ErrorOutline from "@mui/icons-material/ErrorOutline"
-import ReplayOutlined from "@mui/icons-material/ReplayOutlined"
-import RunCircleOutlined from "@mui/icons-material/RunCircleOutlined"
-import FactCheckOutlined from "@mui/icons-material/FactCheckOutlined"
+import Replay from "@mui/icons-material/Replay"
+import RunCircle from "@mui/icons-material/RunCircle"
 import {IconButton, LinearProgress, TableContainer, Table, TableBody, TableCell, TableHead, TableRow, TablePagination} from "@mui/material"
 import ConfirmDialog from "../confirm-dialog";
 
@@ -37,7 +36,6 @@ export interface ProcessInterface {
     arguments: Record<string, any>,
     exception: ProcessExceptionInterface | null,
     progress: ProcessProgressInterface | null,
-    outputId: string | null,
     createdAt: string,
     updatedAt: string | null,
     startedAt: string | null,
@@ -83,8 +81,8 @@ export default function Processes() {
         setCount(Number(response.headers.get('X-Pagination-Count')))
         refreshLock = false
     }
-    let output = async (process: ProcessInterface) => {
-        let response = await fetch(`http://fmw.sipachev.sv/system-monitoring/processes/${process.id}/output`,
+    let output = async (process: string) => {
+        let response = await fetch(`http://fmw.sipachev.sv/system-monitoring/processes/${process}/output`,
             {
                 method: 'GET',
                 headers: {
@@ -92,12 +90,7 @@ export default function Processes() {
                     'X-Pagination-Count': '0',
                 },
             });
-        const output: string = await response.text()
-        let a = document.createElement("a");
-        let file = new Blob([output], {type: 'plain/text'});
-        a.href = URL.createObjectURL(file);
-        a.download = `${process.id}.txt`;
-        a.click();
+        const processes: ProcessInterface[] = await response.json()
     }
 
     useEffect(() => {
@@ -195,35 +188,32 @@ export default function Processes() {
                                         <PauseCircleOutline/>
                                     </IconButton>}
                                     {canStop(process) && <IconButton title={`Stop`} aria-label="Stop">
-                                        <StopCircleOutlined/>
+                                        <StopCircle/>
                                     </IconButton>}
                                 </TableCell>
                                 <TableCell>
                                     {Status.Error === status(process) && <IconButton title={`Error`} aria-label="Error">
                                         <ErrorOutline/>
                                     </IconButton>}
-                                    {Status.Success === status(process) && <IconButton title={`Success`} aria-label="Success">
+                                    {Status.Success === status(process) && <IconButton onClick={() => output(process.id)} title={`Success`} aria-label="Success">
                                         <CheckCircleOutline/>
                                     </IconButton>}
                                     {Status.Running === status(process) && <IconButton title={`Running`} aria-label="Running">
-                                        <RunCircleOutlined/>
+                                        <RunCircle/>
                                     </IconButton>}
                                     {Status.Cancelled === status(process) && <IconButton title={`Cancelled`} aria-label="Cancelled">
-                                        <StopCircleOutlined/>
+                                        <StopCircle/>
                                     </IconButton>}
                                     {Status.Wait === status(process) && <IconButton title={`Wait`} aria-label="Wait">
-                                        <HourglassEmptyOutlined/>
+                                        <HourglassEmpty/>
                                     </IconButton>}
                                 </TableCell>
                                 <TableCell>
                                     {canRepeat(process) && <IconButton onClick={() => openRepeatDialog(process)} title={`Repeat`} aria-label="Repeat">
-                                        <ReplayOutlined/>
+                                        <Replay/>
                                     </IconButton>}
                                     {canKill(process) && <IconButton title={`Kill`} aria-label="Kill">
-                                        <DeleteForeverOutlined/>
-                                    </IconButton>}
-                                    {process?.outputId && <IconButton title={`Output`} onClick={() => output(process)} aria-label="Output">
-                                        <FactCheckOutlined/>
+                                        <DeleteForever/>
                                     </IconButton>}
                                 </TableCell>
                                 <TableCell title={new Date(process.createdAt).toLocaleString()}>