feat: new icons (#5412)

web/app/components/workflow/panel/debug-and-preview/index.tsx

@@ -4,6 +4,7 @@ import {
 } from 'react'
 import { useKeyPress } from 'ahooks'
 import cn from 'classnames'
+import { RiCloseLine } from '@remixicon/react'
 import { useTranslation } from 'react-i18next'
 import {
   useEdgesInteractions,
@@ -13,7 +14,6 @@ import {
 import ChatWrapper from './chat-wrapper'
 import Button from '@/app/components/base/button'
 import { RefreshCcw01 } from '@/app/components/base/icons/src/vender/line/arrows'
-import { XClose } from '@/app/components/base/icons/src/vender/line/general'
 
 export type ChatWrapperRefType = {
   handleRestart: () => void
@@ -68,7 +68,7 @@ const DebugAndPreview = () => {
             className='flex items-center justify-center w-6 h-6 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>

web/app/components/workflow/panel/debug-and-preview/user-input.tsx

@@ -4,6 +4,7 @@ import {
 } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useNodes } from 'reactflow'
+import { RiArrowDownSLine } from '@remixicon/react'
 import FormItem from '../../nodes/_base/components/before-run-form/form-item'
 import { BlockEnum } from '../../types'
 import {
@@ -11,7 +12,6 @@ import {
   useWorkflowStore,
 } from '../../store'
 import type { StartNodeType } from '../../nodes/start/types'
-import { ChevronDown } from '@/app/components/base/icons/src/vender/line/arrows'
 
 const UserInput = () => {
   const { t } = useTranslation()
@@ -46,7 +46,7 @@ const UserInput = () => {
         `}
         onClick={() => setExpanded(!expanded)}
       >
-        <ChevronDown
+        <RiArrowDownSLine
           className={`mr-1 w-3 h-3 ${!expanded ? '-rotate-90 text-indigo-600' : 'text-gray-300'}`}
         />
         {t('workflow.panel.userInputField').toLocaleUpperCase()}