feat: integrate resetDatasetList hook into CreateOptions and TemplateCard components

web/app/components/datasets/create-from-pipeline/create-options/create-from-dsl-modal/index.tsx

@@ -86,7 +86,6 @@ const CreateFromDSLModal = ({
     if (isCreatingRef.current)
       return
     isCreatingRef.current = true
-    try {
     let response
     if (currentTab === CreateFromDSLModalTab.FROM_FILE) {
       response = await importDSL({
@@ -101,8 +100,11 @@ const CreateFromDSLModal = ({
       })
     }
 
-      if (!response)
+    if (!response) {
+      notify({ type: 'error', message: t('app.newApp.appCreateFailed') })
+      isCreatingRef.current = false
       return
+    }
     const { id, status, pipeline_id, dataset_id, imported_dsl_version, current_dsl_version } = response
     if (status === DSLImportStatus.COMPLETED || status === DSLImportStatus.COMPLETED_WITH_WARNINGS) {
       if (onSuccess)
@@ -117,7 +119,8 @@ const CreateFromDSLModal = ({
       })
       if (pipeline_id)
         await handleCheckPluginDependencies(pipeline_id, true)
-        push(`datasets/${dataset_id}/pipeline`)
+      push(`/datasets/${dataset_id}/pipeline`)
+      isCreatingRef.current = false
     }
     else if (status === DSLImportStatus.PENDING) {
       setVersions({
@@ -130,15 +133,10 @@ const CreateFromDSLModal = ({
         setShowErrorModal(true)
       }, 300)
       setImportId(id)
+      isCreatingRef.current = false
     }
     else {
       notify({ type: 'error', message: t('app.newApp.appCreateFailed') })
-      }
-    }
-    catch {
-      notify({ type: 'error', message: t('app.newApp.appCreateFailed') })
-    }
-    finally {
       isCreatingRef.current = false
     }
   }
@@ -153,11 +151,15 @@ const CreateFromDSLModal = ({
   const { mutateAsync: importDSLConfirm } = useImportPipelineDSLConfirm()
 
   const onDSLConfirm = async () => {
-    try {
     if (!importId)
       return
     const response = await importDSLConfirm(importId)
 
+    if (!response) {
+      notify({ type: 'error', message: t('app.newApp.appCreateFailed') })
+      return
+    }
+
     const { status, pipeline_id, dataset_id } = response
 
     if (status === DSLImportStatus.COMPLETED) {
@@ -178,10 +180,6 @@ const CreateFromDSLModal = ({
       notify({ type: 'error', message: t('app.newApp.appCreateFailed') })
     }
   }
-    catch {
-      notify({ type: 'error', message: t('app.newApp.appCreateFailed') })
-    }
-  }
 
   const buttonDisabled = useMemo(() => {
     if (isAppsFull)

web/app/components/datasets/create-from-pipeline/create-options/index.tsx

@@ -6,6 +6,7 @@ import { useRouter, useSearchParams } from 'next/navigation'
 import CreateFromDSLModal, { CreateFromDSLModalTab } from './create-from-dsl-modal'
 import { useProviderContextSelector } from '@/context/provider-context'
 import { useTranslation } from 'react-i18next'
+import { useResetDatasetList } from '@/service/knowledge/use-dataset'
 
 const CreateOptions = () => {
   const { t } = useTranslation()
@@ -17,6 +18,7 @@ const CreateOptions = () => {
   const searchParams = useSearchParams()
   const { replace } = useRouter()
   const dslUrl = searchParams.get('remoteInstallUrl') || undefined
+  const resetDatasetList = useResetDatasetList()
 
   const activeTab = useMemo(() => {
     if (dslUrl)
@@ -45,7 +47,8 @@ const CreateOptions = () => {
 
   const onImportFromDSLSuccess = useCallback(() => {
     onPlanInfoChanged()
-  }, [onPlanInfoChanged])
+    resetDatasetList()
+  }, [onPlanInfoChanged, resetDatasetList])
 
   return (
     <div className='flex items-center gap-x-3 px-16 py-2'>

web/app/components/datasets/create-from-pipeline/list/template-card/index.tsx

@@ -21,6 +21,7 @@ import type { CreateDatasetReq } from '@/models/datasets'
 import { useCreatePipelineDataset } from '@/service/knowledge/use-create-dataset'
 import CreateModal from './create-modal'
 import { useInvalid } from '@/service/use-base'
+import { useResetDatasetList } from '@/service/knowledge/use-dataset'
 
 type TemplateCardProps = {
   pipeline: PipelineTemplate
@@ -46,6 +47,7 @@ const TemplateCard = ({
   }, false)
   const { mutateAsync: createEmptyDataset } = useCreatePipelineDataset()
   const { handleCheckPluginDependencies } = usePluginDependencies()
+  const resetDatasetList = useResetDatasetList()
 
   const openCreateModal = useCallback(() => {
     setShowCreateModal(true)
@@ -70,8 +72,10 @@ const TemplateCard = ({
           type: 'success',
           message: t('app.newApp.appCreated'),
         })
+        resetDatasetList()
         if (newDataset.pipeline_id)
           await handleCheckPluginDependencies(newDataset.pipeline_id, true)
+        setShowCreateModal(false)
         push(`/datasets/${newDataset.id}/pipeline`)
       },
       onError: () => {
@@ -81,7 +85,7 @@ const TemplateCard = ({
         })
       },
     })
-  }, [getPipelineTemplateInfo, createEmptyDataset, t, handleCheckPluginDependencies, push])
+  }, [getPipelineTemplateInfo, createEmptyDataset, t, handleCheckPluginDependencies, push, resetDatasetList])
 
   const handleShowTemplateDetails = useCallback(() => {
     setShowDetailModal(true)