|
@@ -1,7 +1,6 @@
|
|
'use client';
|
|
'use client';
|
|
|
|
|
|
import React, { useEffect, useMemo } from 'react'
|
|
import React, { useEffect, useMemo } from 'react'
|
|
-import { BsArrowLeft, BsArrowRight } from "react-icons/bs";
|
|
|
|
import Agent from './NodeType/Agent';
|
|
import Agent from './NodeType/Agent';
|
|
import Form from './NodeType/Form';
|
|
import Form from './NodeType/Form';
|
|
import Unsupport from './NodeType/Unsupport';
|
|
import Unsupport from './NodeType/Unsupport';
|
|
@@ -49,12 +48,12 @@ const NodeRender = () => {
|
|
return (
|
|
return (
|
|
<div className="card card-compact shadow-xl flex-1 overflow-hidden">
|
|
<div className="card card-compact shadow-xl flex-1 overflow-hidden">
|
|
<div className="card-body overflow-hidden">
|
|
<div className="card-body overflow-hidden">
|
|
- <div className="card-title rounded-box bg-slate-200 p-2">
|
|
|
|
|
|
+ <div className="card-title rounded-box bg-slate-100 p-2">
|
|
<h2 className="flex-1">
|
|
<h2 className="flex-1">
|
|
{curStep + 1}: {nodeName}
|
|
{curStep + 1}: {nodeName}
|
|
</h2>
|
|
</h2>
|
|
- <button className='btn btn-circle btn-sm' disabled={!arrowState.prev} onClick={onPrevStep}><BsArrowLeft /></button>
|
|
|
|
- <button className='btn btn-circle btn-sm' disabled={!arrowState.next} onClick={onNextStep}><BsArrowRight /></button>
|
|
|
|
|
|
+ <button className='btn btn-sm' disabled={!arrowState.prev} onClick={onPrevStep}>上一步</button>
|
|
|
|
+ <button className='btn btn-sm' disabled={!arrowState.next} onClick={onNextStep}>下一步</button>
|
|
</div>
|
|
</div>
|
|
<div className="flex-1 flex flex-col items-stretch overflow-auto">
|
|
<div className="flex-1 flex flex-col items-stretch overflow-auto">
|
|
<Comp key={node?.id} node={node} cardInstantAtom={cardInstantAtom}></Comp>
|
|
<Comp key={node?.id} node={node} cardInstantAtom={cardInstantAtom}></Comp>
|