This is an automated email from the ASF dual-hosted git repository.

klesh pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/incubator-devlake.git


The following commit(s) were added to refs/heads/main by this push:
     new e541bbe15 fix: fix some small bug (#3967)
e541bbe15 is described below

commit e541bbe15d945c0ff9c36eaac324eec50fc773db
Author: Likyh <[email protected]>
AuthorDate: Mon Dec 19 16:00:02 2022 +0800

    fix: fix some small bug (#3967)
    
    * fix: fix some small bug
    
    * fix: for linter
    
    * fix: add control for bp edit page
    
    * fix: fix for review
---
 config-ui/src/hooks/useBlueprintManager.jsx               | 14 +++++++-------
 config-ui/src/pages/blueprint/create/bp-context.tsx       |  1 +
 config-ui/src/pages/blueprint/create/step-four/index.tsx  |  3 +++
 config-ui/src/pages/blueprint/detail/blueprint-detail.tsx |  2 +-
 .../detail/components/update-policy-dialog/index.tsx      |  2 ++
 .../src/pages/blueprint/detail/panel/configuration.tsx    |  2 +-
 config-ui/src/pages/blueprint/detail/types.ts             |  2 ++
 config-ui/src/pages/blueprint/detail/use-detail.ts        |  2 +-
 config-ui/src/pages/blueprints/blueprint-settings.jsx     |  2 +-
 config-ui/src/plugins/common/sync-policy/index.tsx        | 15 +++++----------
 10 files changed, 24 insertions(+), 21 deletions(-)

diff --git a/config-ui/src/hooks/useBlueprintManager.jsx 
b/config-ui/src/hooks/useBlueprintManager.jsx
index 4246d8f0b..5063c8804 100644
--- a/config-ui/src/hooks/useBlueprintManager.jsx
+++ b/config-ui/src/hooks/useBlueprintManager.jsx
@@ -15,14 +15,14 @@
  * limitations under the License.
  *
  */
-import {useCallback, useState} from 'react'
-import {DEVLAKE_ENDPOINT} from '@/utils/config'
+import { useCallback, useState } from 'react'
+import { DEVLAKE_ENDPOINT } from '@/utils/config'
 import request from '@/utils/request'
-import {ToastNotification} from '@/components/Toast'
-import {BlueprintMode, NullBlueprint} from '@/data/NullBlueprint'
+import { ToastNotification } from '@/components/Toast'
+import { BlueprintMode, NullBlueprint } from '@/data/NullBlueprint'
 import cron from 'cron-validate'
 import parser from 'cron-parser'
-import {Intent} from '@blueprintjs/core'
+import { Intent } from '@blueprintjs/core'
 
 function useBlueprintManager(
   blueprintName = `BLUEPRINT WEEKLY ${Date.now()}`,
@@ -194,7 +194,7 @@ function useBlueprintManager(
               : NullBlueprint
           )
           setSkipOnFail(blueprintData.skipOnFail)
-          setCreatedDateAfter(blueprintData.settings.createdDateAfter)
+          setCreatedDateAfter(blueprintData.settings?.createdDateAfter)
           setErrors(b.status !== 200 ? [b.data] : [])
           setTimeout(() => {
             setIsFetching(false)
@@ -244,7 +244,7 @@ function useBlueprintManager(
           enable: enable,
           mode,
           isManual,
-          skipOnFail,
+          skipOnFail
         }
         console.log('>> DISPATCHING BLUEPRINT SAVE REQUEST', blueprintPayload)
         const run = async () => {
diff --git a/config-ui/src/pages/blueprint/create/bp-context.tsx 
b/config-ui/src/pages/blueprint/create/bp-context.tsx
index 700c5bc35..e4a705b6e 100644
--- a/config-ui/src/pages/blueprint/create/bp-context.tsx
+++ b/config-ui/src/pages/blueprint/create/bp-context.tsx
@@ -159,6 +159,7 @@ export const BPContextProvider = ({ from, projectName, 
children }: Props) => {
       params.plan = !validRawPlan(rawPlan)
         ? JSON.parse(rawPlan)
         : JSON.stringify([[]], null, '  ')
+      params.settings = null
     }
 
     return params
diff --git a/config-ui/src/pages/blueprint/create/step-four/index.tsx 
b/config-ui/src/pages/blueprint/create/step-four/index.tsx
index 4d7a5a116..81f3621bf 100644
--- a/config-ui/src/pages/blueprint/create/step-four/index.tsx
+++ b/config-ui/src/pages/blueprint/create/step-four/index.tsx
@@ -22,9 +22,11 @@ import { SyncPolicy } from '@/plugins'
 import { Card, Divider } from '@/components'
 
 import { useCreateBP } from '../bp-context'
+import {ModeEnum} from "../types";
 
 export const StepFour = () => {
   const {
+    mode,
     isManual,
     cronConfig,
     skipOnFail,
@@ -43,6 +45,7 @@ export const StepFour = () => {
         isManual={isManual}
         cronConfig={cronConfig}
         skipOnFail={skipOnFail}
+        showTimeFilter={mode == ModeEnum.normal}
         createdDateAfter={createdDateAfter}
         onChangeIsManual={onChangeIsManual}
         onChangeCronConfig={onChangeCronConfig}
diff --git a/config-ui/src/pages/blueprint/detail/blueprint-detail.tsx 
b/config-ui/src/pages/blueprint/detail/blueprint-detail.tsx
index 6efa3834c..91eb1061a 100644
--- a/config-ui/src/pages/blueprint/detail/blueprint-detail.tsx
+++ b/config-ui/src/pages/blueprint/detail/blueprint-detail.tsx
@@ -32,7 +32,7 @@ import Status from '@/pages/blueprints/blueprint-detail'
 interface Props extends UseDetailProps {}
 
 export const BlueprintDetail = ({ id }: Props) => {
-  const [activeTab, setActiveTab] = useState<TabId>('configuration')
+  const [activeTab, setActiveTab] = useState<TabId>('status')
 
   const { loading, blueprint, connections, saving, onUpdate } = useDetail({
     id
diff --git 
a/config-ui/src/pages/blueprint/detail/components/update-policy-dialog/index.tsx
 
b/config-ui/src/pages/blueprint/detail/components/update-policy-dialog/index.tsx
index 58bd02f18..ab376cf7c 100644
--- 
a/config-ui/src/pages/blueprint/detail/components/update-policy-dialog/index.tsx
+++ 
b/config-ui/src/pages/blueprint/detail/components/update-policy-dialog/index.tsx
@@ -22,6 +22,7 @@ import { Dialog } from '@/components'
 import { SyncPolicy } from '@/plugins'
 
 import type { BlueprintType } from '../../types'
+import {ModeEnum} from "@/pages/blueprint/create/types";
 
 interface Props {
   blueprint: BlueprintType
@@ -81,6 +82,7 @@ export const UpdatePolicyDialog = ({
         isManual={isManual}
         cronConfig={cronConfig}
         skipOnFail={skipOnFail}
+        showTimeFilter={blueprint.mode == ModeEnum.normal}
         createdDateAfter={createdDateAfter}
         onChangeIsManual={setIsManual}
         onChangeCronConfig={setCronConfig}
diff --git a/config-ui/src/pages/blueprint/detail/panel/configuration.tsx 
b/config-ui/src/pages/blueprint/detail/panel/configuration.tsx
index edcaba059..120b93b1a 100644
--- a/config-ui/src/pages/blueprint/detail/panel/configuration.tsx
+++ b/config-ui/src/pages/blueprint/detail/panel/configuration.tsx
@@ -215,7 +215,7 @@ export const Configuration = ({
           isManual={blueprint.isManual}
           cronConfig={blueprint.cronConfig}
           skipOnFail={blueprint.skipOnFail}
-          createdDateAfter={blueprint.settings.createdDateAfter}
+          createdDateAfter={blueprint.settings?.createdDateAfter}
           saving={saving}
           onCancel={handleCancel}
           onSubmit={handleUpdatePolicy}
diff --git a/config-ui/src/pages/blueprint/detail/types.ts 
b/config-ui/src/pages/blueprint/detail/types.ts
index 5ad8c6bf0..21d81d4a1 100644
--- a/config-ui/src/pages/blueprint/detail/types.ts
+++ b/config-ui/src/pages/blueprint/detail/types.ts
@@ -17,6 +17,7 @@
  */
 
 import { Plugins } from '@/plugins'
+import {ModeEnum} from "@/pages/blueprint/create/types";
 
 export type ConnectionItemType = {
   icon: string
@@ -29,6 +30,7 @@ export type ConnectionItemType = {
 
 export type BlueprintType = {
   id: ID
+  mode: ModeEnum
   name: string
   isManual: boolean
   cronConfig: string
diff --git a/config-ui/src/pages/blueprint/detail/use-detail.ts 
b/config-ui/src/pages/blueprint/detail/use-detail.ts
index 4b41d123f..986f4d644 100644
--- a/config-ui/src/pages/blueprint/detail/use-detail.ts
+++ b/config-ui/src/pages/blueprint/detail/use-detail.ts
@@ -56,7 +56,7 @@ export const useDetail = ({ id }: UseDetailProps) => {
     try {
       const res = await API.getBlueprint(id)
       setBlueprint(res)
-      setConnections(transformConnection(res.settings.connections))
+      setConnections(transformConnection(res.settings?.connections || []))
     } finally {
       setLoading(false)
     }
diff --git a/config-ui/src/pages/blueprints/blueprint-settings.jsx 
b/config-ui/src/pages/blueprints/blueprint-settings.jsx
index ca32ffa97..06d358ca9 100644
--- a/config-ui/src/pages/blueprints/blueprint-settings.jsx
+++ b/config-ui/src/pages/blueprints/blueprint-settings.jsx
@@ -680,7 +680,7 @@ const BlueprintSettings = ({ id }) => {
           payload: {
             isManual: !!isManualCron,
             skipOnFail,
-            settings: {...blueprintSettings, createdDateAfter},
+            settings: { ...blueprintSettings, createdDateAfter },
             cronConfig: isManualCron
               ? getCronPreset('daily').cronConfig
               : isCustomCron
diff --git a/config-ui/src/plugins/common/sync-policy/index.tsx 
b/config-ui/src/plugins/common/sync-policy/index.tsx
index 3e8cda5cb..f0bf542db 100644
--- a/config-ui/src/plugins/common/sync-policy/index.tsx
+++ b/config-ui/src/plugins/common/sync-policy/index.tsx
@@ -17,14 +17,7 @@
  */
 
 import React, { useMemo } from 'react'
-import {
-  RadioGroup,
-  Radio,
-  InputGroup,
-  Icon,
-  Checkbox,
-  Position
-} from '@blueprintjs/core'
+import { Checkbox, Icon, InputGroup, Position, Radio, RadioGroup } from 
'@blueprintjs/core'
 import { Popover2 } from '@blueprintjs/popover2'
 
 import StartFromSelector from '@/components/blueprints/StartFromSelector'
@@ -37,6 +30,7 @@ interface Props {
   isManual: boolean
   cronConfig: string
   skipOnFail: boolean
+  showTimeFilter: boolean
   createdDateAfter: string | null
   onChangeIsManual: (val: boolean) => void
   onChangeCronConfig: (val: string) => void
@@ -48,6 +42,7 @@ export const SyncPolicy = ({
   isManual,
   cronConfig,
   skipOnFail,
+  showTimeFilter,
   createdDateAfter,
   onChangeIsManual,
   onChangeCronConfig,
@@ -76,7 +71,7 @@ export const SyncPolicy = ({
 
   return (
     <S.Wrapper>
-      <div className='block'>
+      {showTimeFilter && <div className='block'>
         <h3>Time Filter *</h3>
         <p>
           Select the data range you wish to collect. DevLake will collect the
@@ -87,7 +82,7 @@ export const SyncPolicy = ({
           date={createdDateAfter}
           onSave={onChangeCreatedDateAfter}
         />
-      </div>
+      </div>}
       <div className='block'>
         <h3>Frequency</h3>
         <p>Blueprints will run recurringly based on the sync frequency.</p>

Reply via email to