Spotless Apply

Zzm0809 · Dec 27, 2023 · 80e2b1e · 80e2b1e
1 parent 454ce96
commit 80e2b1e
Showing 1 changed file with 19 additions and 8 deletions.
diff --git a/dinky-web/src/components/Flink/FlinkDag/index.tsx b/dinky-web/src/components/Flink/FlinkDag/index.tsx
@@ -27,19 +27,18 @@ import {
   zoomOptions
 } from '@/components/Flink/FlinkDag/config';
 import { buildDag, regConnect, updateDag } from '@/components/Flink/FlinkDag/functions';
-import { getData } from '@/services/api';
+import EllipsisMiddle from '@/components/Typography/EllipsisMiddle';
+import { getDataByParamsReturnResult } from '@/services/BusinessCrud';
 import { API_CONSTANTS } from '@/services/endpoints';
 import { Jobs } from '@/types/DevOps/data';
 import { DagreLayout } from '@antv/layout';
 import { Edge, Graph } from '@antv/x6';
 import { Rectangle } from '@antv/x6-geometry';
 import { Selection } from '@antv/x6-plugin-selection';
 import { register } from '@antv/x6-react-shape';
-import {Drawer, Select, Slider, Table, Tabs, TabsProps, Tag, Typography} from 'antd';
+import { Drawer, Select, Slider, Table, Tabs, TabsProps, Tag, Typography } from 'antd';
 import { useEffect, useRef, useState } from 'react';
 import './index.css';
-import {getDataByParamsReturnResult} from "@/services/BusinessCrud";
-import EllipsisMiddle from "@/components/Typography/EllipsisMiddle";
 
 export type DagProps = {
   job: Jobs.Job;
@@ -68,7 +67,10 @@ const RenderCheckpoint = (id: string, checkPoints: any) => {
       return;
     }
 
-    getDataByParamsReturnResult(API_CONSTANTS.READ_CHECKPOINT, { path: selectPath, operatorId: id }).then((res) => {
+    getDataByParamsReturnResult(API_CONSTANTS.READ_CHECKPOINT, {
+      path: selectPath,
+      operatorId: id
+    }).then((res) => {
       if (!res || res.code !== 0) {
         return;
       }
@@ -120,9 +122,18 @@ const RenderCheckpoint = (id: string, checkPoints: any) => {
         placeholder='Select a Checkpoint'
         optionFilterProp='children'
         options={checkpointArray.map((x) => {
-          return { label: <>
-              <Tag color="success">CheckPoint Id: {x.id}</Tag><Tag color="processing">CheckPoint Path:<EllipsisMiddle maxCount={40}>{x.path}</EllipsisMiddle></Tag><Tag color="processing">Type:{x.checkpointType}</Tag>
-            </>, value: x.path };
+          return {
+            label: (
+              <>
+                <Tag color='success'>CheckPoint Id: {x.id}</Tag>
+                <Tag color='processing'>
+                  CheckPoint Path:<EllipsisMiddle maxCount={40}>{x.path}</EllipsisMiddle>
+                </Tag>
+                <Tag color='processing'>Type:{x.checkpointType}</Tag>
+              </>
+            ),
+            value: x.path
+          };
         })}
         onChange={(path) => {
           setSelectPath(path);