[frontend] replace the icon of reply node

Author: reeeborn33

frontend/src/assets/icon.js

@@ -66,6 +66,7 @@ const FileExtractionIcon = (props) => <Icon component={() => (<BaseIcons.FileExt
 const LoopIcon = (props) => <Icon component={() => (<BaseIcons.Loop />)} {...props} />;
 const PairingIcon = (props) => <Icon component={() => (<BaseIcons.Pairing />)} {...props} />;
 const TextConcatenateIcon = (props) => <BaseIcons.TextConcatenate {...props} />;
+const ReplyIcon = (props) => <BaseIcons.Reply {...props} />;
 
 export {
   LeftArrowIcon,
@@ -125,6 +126,7 @@ export {
   FileExtractionIcon,
   LoopIcon,
   PairingIcon,
-  TextConcatenateIcon
+  TextConcatenateIcon,
+  ReplyIcon
 }
 

frontend/src/components/icons/base.tsx

@@ -985,5 +985,17 @@ export const BaseIcons = {
         <rect id="矩形 483" width="4.266985" height="1.066746" x="8.716309" y="11.916016" rx="0.533373" fill="rgb(57,194,149)" />
       </g>
     </svg>
+  ),
+  Reply:()=>(
+    <svg viewBox="0 0 28 28" width="28.000000" height="28.000000" fill="none" clip-path="url(#clipPath_1)" customFrame="url(#clipPath_1)">
+      <defs>
+        <clipPath id="clipPath_1">
+          <rect width="28.000000" height="28.000000" x="0.000000" y="0.000000" rx="14.000000" fill="rgb(255,255,255)" transform="matrix(-1,0,0,1,28,0)" />
+        </clipPath>
+      </defs>
+      <rect id="结束" width="28.000000" height="28.000000" x="0.000000" y="0.000000" rx="14.000000" fill="rgb(137,136,255)" transform="matrix(-1,0,0,1,28,0)" />
+      <rect id="结束" width="26.833334" height="26.833334" x="0.583333" y="0.583333" rx="13.416667" stroke="rgb(240,243,250)" stroke-opacity="0" stroke-width="1.16666663" transform="matrix(-1,0,0,1,28,0)" />
+      <path id="减去顶层" d="M8.16667 0C12.677 0 16.3333 3.13401 16.3333 7C16.3333 10.866 12.677 14 8.16667 14C6.80776 14 5.52637 13.7155 4.39914 13.2122C4.2316 13.1374 4.03897 13.1381 3.87564 13.2217L2.23882 14.0595C1.83909 14.2641 1.36778 13.9593 1.39046 13.5108L1.50283 11.289C1.50283 11.1426 1.46146 10.9995 1.37139 10.884C0.50509 9.77265 0 8.43689 0 7C0 3.13401 3.65634 0 8.16667 0ZM4.08333 5.83333C4.72767 5.83333 5.25 6.35567 5.25 7C5.25 7.64433 4.72767 8.16667 4.08333 8.16667C3.439 8.16667 2.91667 7.64433 2.91667 7C2.91667 6.35567 3.439 5.83333 4.08333 5.83333ZM7 7C7 7.64433 7.52233 8.16667 8.16667 8.16667C8.811 8.16667 9.33333 7.64433 9.33333 7C9.33333 6.35567 8.811 5.83333 8.16667 5.83333C7.52233 5.83333 7 6.35567 7 7ZM12.25 5.83333C12.8943 5.83333 13.4167 6.35567 13.4167 7C13.4167 7.64433 12.8943 8.16667 12.25 8.16667C11.6057 8.16667 11.0833 7.64433 11.0833 7C11.0833 6.35567 11.6057 5.83333 12.25 5.83333Z" fill="rgb(255,255,255)" fill-rule="evenodd" transform="matrix(-1,0,0,1,22.1665,6.41602)" />
+    </svg>
   )
 }

frontend/src/pages/addFlow/components/basic-item.tsx

@@ -26,6 +26,7 @@ import {
   LoopIcon,
   PairingIcon,
   TextConcatenateIcon,
+  ReplyIcon
 } from '@/assets/icon';
 import { handleClickAddBasicNode, handleDragBasicNode } from '../utils'
 
@@ -65,7 +66,7 @@ const BasicItems = (props: any) => {
       'manualCheckNodeState': <ManualCheckIcon />,
       'parallelNodeState': <PairingIcon />,
       'textConcatenateNodeState':  <TextConcatenateIcon />,
-      'replyNodeState':<EndIcon />
+      'replyNodeState':<ReplyIcon />
     }[type];
   }
   return <>