perf: add notification toasts

web/src/app/home/pipelines/components/pipeline-form/PipelineFormComponent.tsx

@@ -18,7 +18,7 @@ import {
   FormLabel,
   FormMessage,
 } from "@/components/ui/form"
-
+import { toast } from "sonner"
 
 export default function PipelineFormComponent({
   initValues,
@@ -142,6 +142,9 @@ export default function PipelineFormComponent({
     httpClient.createPipeline(pipeline).then((resp) => {
       onFinish();
       onNewPipelineCreated(resp.uuid);
+      toast.success("创建成功 请编辑流水线详细参数");
+    }).catch((err) => {
+      toast.error("创建失败：" + err.message);
     });
   }
 
@@ -165,7 +168,12 @@ export default function PipelineFormComponent({
       // uuid: pipelineId || '',
       // is_default: false,
     };
-    httpClient.updatePipeline(pipelineId || '', pipeline).then(() => onFinish());
+    httpClient.updatePipeline(pipelineId || '', pipeline).then(() => {
+      onFinish();
+      toast.success("保存成功");
+    }).catch((err) => {
+      toast.error("保存失败：" + err.message);
+    });
   }
 
   function renderDynamicForms(stage: PipelineConfigStage, formName: keyof FormValues) {

web/src/app/home/pipelines/page.tsx

@@ -16,7 +16,7 @@ import {
   DialogTrigger,
 } from "@/components/ui/dialog"
 import { Button } from '@/components/ui/button';
-
+import { toast } from "sonner"
 export default function PluginConfigPage() {
   const [modalOpen, setModalOpen] = useState<boolean>(false);
   const [isEditForm, setIsEditForm] = useState(false);
@@ -57,8 +57,8 @@ export default function PluginConfigPage() {
         setPipelineList(pipelineList);
       })
       .catch((error) => {
-        // TODO toast
         console.log(error);
+        toast.error("获取流水线列表失败：" + error.message);
       });
   }