formatting

interface/src/framework/system/SystemLog.tsx

@@ -4,14 +4,28 @@ import { toast } from 'react-toastify';
 
 import DownloadIcon from '@mui/icons-material/GetApp';
 import WarningIcon from '@mui/icons-material/Warning';
-import { Box, Button, Checkbox, Grid, MenuItem, TextField, styled } from '@mui/material';
+import {
+  Box,
+  Button,
+  Checkbox,
+  Grid,
+  MenuItem,
+  TextField,
+  styled
+} from '@mui/material';
 
 import * as SystemApi from 'api/system';
 import { fetchLogES } from 'api/system';
 
 import { useSSE } from '@alova/scene-react';
 import { useRequest } from 'alova';
-import { BlockFormControlLabel, BlockNavigation, FormLoader, SectionContent, useLayoutTitle } from 'components';
+import {
+  BlockFormControlLabel,
+  BlockNavigation,
+  FormLoader,
+  SectionContent,
+  useLayoutTitle
+} from 'components';
 import { useI18nContext } from 'i18n/i18n-react';
 import type { LogEntry, LogSettings } from 'types';
 import { LogLevel } from 'types';
@@ -25,8 +39,10 @@ const LogEntryLine = styled('div')(() => ({
   whiteSpace: 'nowrap'
 }));
 
-const topOffset = () => document.getElementById('log-window')?.getBoundingClientRect().bottom || 0;
-const leftOffset = () => document.getElementById('log-window')?.getBoundingClientRect().left || 0;
+const topOffset = () =>
+  document.getElementById('log-window')?.getBoundingClientRect().bottom || 0;
+const leftOffset = () =>
+  document.getElementById('log-window')?.getBoundingClientRect().left || 0;
 
 const levelLabel = (level: LogLevel) => {
   switch (level) {
@@ -50,16 +66,30 @@ const SystemLog: FC = () => {
 
   useLayoutTitle(LL.LOG_OF(''));
 
-  const { loadData, data, updateDataValue, origData, dirtyFlags, setDirtyFlags, blocker, saveData, errorMessage } =
-    useRest<LogSettings>({
-      read: SystemApi.readLogSettings,
-      update: SystemApi.updateLogSettings
-    });
+  const {
+    loadData,
+    data,
+    updateDataValue,
+    origData,
+    dirtyFlags,
+    setDirtyFlags,
+    blocker,
+    saveData,
+    errorMessage
+  } = useRest<LogSettings>({
+    read: SystemApi.readLogSettings,
+    update: SystemApi.updateLogSettings
+  });
 
   const [logEntries, setLogEntries] = useState<LogEntry[]>([]);
   const [lastIndex, setLastIndex] = useState<number>(0);
 
-  const updateFormValue = updateValueDirty(origData, dirtyFlags, setDirtyFlags, updateDataValue);
+  const updateFormValue = updateValueDirty(
+    origData,
+    dirtyFlags,
+    setDirtyFlags,
+    updateDataValue
+  );
 
   // eslint-disable-next-line @typescript-eslint/unbound-method
   const { onMessage, onError } = useSSE(fetchLogES, {
@@ -102,10 +132,14 @@ const SystemLog: FC = () => {
   const onDownload = () => {
     let result = '';
     for (const i of logEntries) {
-      result += i.t + ' ' + levelLabel(i.l) + ' ' + i.i + ': [' + i.n + '] ' + i.m + '\n';
+      result +=
+        i.t + ' ' + levelLabel(i.l) + ' ' + i.i + ': [' + i.n + '] ' + i.m + '\n';
     }
     const a = document.createElement('a');
-    a.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(result));
+    a.setAttribute(
+      'href',
+      'data:text/plain;charset=utf-8,' + encodeURIComponent(result)
+    );
     a.setAttribute('download', 'log.txt');
     document.body.appendChild(a);
     a.click();
@@ -134,7 +168,13 @@ const SystemLog: FC = () => {
 
     return (
       <>
-        <Grid container spacing={3} direction="row" justifyContent="flex-start" alignItems="center">
+        <Grid
+          container
+          spacing={3}
+          direction="row"
+          justifyContent="flex-start"
+          alignItems="center"
+        >
           <Grid item xs={2}>
             <TextField
               name="level"
@@ -173,7 +213,13 @@ const SystemLog: FC = () => {
           </Grid>
           <Grid item>
             <BlockFormControlLabel
-              control={<Checkbox checked={data.compact} onChange={updateFormValue} name="compact" />}
+              control={
+                <Checkbox
+                  checked={data.compact}
+                  onChange={updateFormValue}
+                  name="compact"
+                />
+              }
               label={LL.COMPACT()}
             />
           </Grid>
@@ -185,7 +231,12 @@ const SystemLog: FC = () => {
               }
             }}
           >
-            <Button startIcon={<DownloadIcon />} variant="outlined" color="secondary" onClick={onDownload}>
+            <Button
+              startIcon={<DownloadIcon />}
+              variant="outlined"
+              color="secondary"
+              onClick={onDownload}
+            >
               {LL.EXPORT()}
             </Button>
             {dirtyFlags && dirtyFlags.length !== 0 && (