refactor: 移除多余的空行,简化 NodeDebugResponse 组件代码

This commit is contained in:
sd0ric4
2025-03-27 15:06:07 +08:00
parent b5d892c0a7
commit 74307f52c7

View File

@@ -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);