feat: new icons (#5412)

web/app/components/workflow/panel/workflow-preview.tsx

@@ -6,6 +6,10 @@ import {
   useState,
 } from 'react'
 import cn from 'classnames'
+import {
+  RiClipboardLine,
+  RiCloseLine,
+} from '@remixicon/react'
 import { useTranslation } from 'react-i18next'
 import copy from 'copy-to-clipboard'
 import { useBoolean } from 'ahooks'
@@ -24,8 +28,6 @@ import Toast from '../../base/toast'
 import IterationResultPanel from '../run/iteration-result-panel'
 import InputsPanel from './inputs-panel'
 import Loading from '@/app/components/base/loading'
-import { XClose } from '@/app/components/base/icons/src/vender/line/general'
-import { Clipboard } from '@/app/components/base/icons/src/vender/line/files'
 import type { NodeTracing } from '@/types/workflow'
 
 const WorkflowPreview = ({
@@ -86,7 +88,7 @@ const WorkflowPreview = ({
       <div className='flex items-center justify-between p-4 pb-1 text-base font-semibold text-gray-900'>
         {`Test Run${!workflowRunningData?.result.sequence_number ? '' : `#${workflowRunningData?.result.sequence_number}`}`}
         <div className='p-1 cursor-pointer' onClick={() => handleCancelDebugAndPreviewPanel()}>
-          <XClose className='w-4 h-4 text-gray-500' />
+          <RiCloseLine className='w-4 h-4 text-gray-500' />
         </div>
       </div>
       <div className='grow relative flex flex-col'>
@@ -173,7 +175,7 @@ const WorkflowPreview = ({
                             copy(JSON.stringify(content))
                           Toast.notify({ type: 'success', message: t('common.actionMsg.copySuccessfully') })
                         }}>
-                        <Clipboard className='w-3.5 h-3.5' />
+                        <RiClipboardLine className='w-3.5 h-3.5' />
                         <div>{t('common.operation.copy')}</div>
                       </SimpleBtn>
                     )}