refactor: 移除多余的空行,简化 NodeDebugResponse 组件代码
This commit is contained in:
@@ -12,26 +12,20 @@ import {
|
|||||||
RenderUserSelectInteractive,
|
RenderUserSelectInteractive,
|
||||||
RenderUserFormInteractive
|
RenderUserFormInteractive
|
||||||
} from './InteractiveComponents/DebugInteractive';
|
} from './InteractiveComponents/DebugInteractive';
|
||||||
|
|
||||||
type NodeDebugResponseProps = {
|
type NodeDebugResponseProps = {
|
||||||
nodeId: string;
|
nodeId: string;
|
||||||
debugResult: FlowNodeItemType['debugResult'];
|
debugResult: FlowNodeItemType['debugResult'];
|
||||||
};
|
};
|
||||||
|
|
||||||
const NodeDebugResponse = ({ nodeId, debugResult }: NodeDebugResponseProps) => {
|
const NodeDebugResponse = ({ nodeId, debugResult }: NodeDebugResponseProps) => {
|
||||||
const { t } = useTranslation();
|
const { t } = useTranslation();
|
||||||
|
|
||||||
const { onChangeNode, onStopNodeDebug, onNextNodeDebug, workflowDebugData } = useContextSelector(
|
const { onChangeNode, onStopNodeDebug, onNextNodeDebug, workflowDebugData } = useContextSelector(
|
||||||
WorkflowContext,
|
WorkflowContext,
|
||||||
(v) => v
|
(v) => v
|
||||||
);
|
);
|
||||||
|
|
||||||
const interactive = debugResult?.workflowInteractiveResponse;
|
const interactive = debugResult?.workflowInteractiveResponse;
|
||||||
|
|
||||||
const { openConfirm, ConfirmModal } = useConfirm({
|
const { openConfirm, ConfirmModal } = useConfirm({
|
||||||
content: t('common:core.workflow.Confirm stop debug')
|
content: t('common:core.workflow.Confirm stop debug')
|
||||||
});
|
});
|
||||||
|
|
||||||
const RenderStatus = useMemo(() => {
|
const RenderStatus = useMemo(() => {
|
||||||
const map = {
|
const map = {
|
||||||
running: {
|
running: {
|
||||||
@@ -55,15 +49,11 @@ const NodeDebugResponse = ({ nodeId, debugResult }: NodeDebugResponseProps) => {
|
|||||||
icon: 'core/workflow/runSkip'
|
icon: 'core/workflow/runSkip'
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
const statusData = map[debugResult?.status || 'running'];
|
const statusData = map[debugResult?.status || 'running'];
|
||||||
|
|
||||||
const response = debugResult?.response;
|
const response = debugResult?.response;
|
||||||
|
|
||||||
const onStop = () => {
|
const onStop = () => {
|
||||||
openConfirm(onStopNodeDebug)();
|
openConfirm(onStopNodeDebug)();
|
||||||
};
|
};
|
||||||
|
|
||||||
return !!debugResult && !!statusData ? (
|
return !!debugResult && !!statusData ? (
|
||||||
<>
|
<>
|
||||||
<Flex px={3} bg={statusData.bg} borderTopRadius={'md'} py={3}>
|
<Flex px={3} bg={statusData.bg} borderTopRadius={'md'} py={3}>
|
||||||
@@ -184,7 +174,6 @@ const NodeDebugResponse = ({ nodeId, debugResult }: NodeDebugResponseProps) => {
|
|||||||
t,
|
t,
|
||||||
workflowDebugData
|
workflowDebugData
|
||||||
]);
|
]);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
{RenderStatus}
|
{RenderStatus}
|
||||||
@@ -192,5 +181,4 @@ const NodeDebugResponse = ({ nodeId, debugResult }: NodeDebugResponseProps) => {
|
|||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
export default React.memo(NodeDebugResponse);
|
export default React.memo(NodeDebugResponse);
|
||||||
|
|||||||
Reference in New Issue
Block a user