feat: new icons (#5412)

web/app/components/datasets/create/embedding-process/index.tsx

@@ -6,6 +6,9 @@ import { useTranslation } from 'react-i18next'
 import { omit } from 'lodash-es'
 import { ArrowRightIcon } from '@heroicons/react/24/solid'
 import cn from 'classnames'
+import {
+  RiErrorWarningFill,
+} from '@remixicon/react'
 import s from './index.module.css'
 import { FieldInfo } from '@/app/components/datasets/documents/detail/metadata'
 import Button from '@/app/components/base/button'
@@ -20,7 +23,6 @@ import { ZapFast } from '@/app/components/base/icons/src/vender/solid/general'
 import UpgradeBtn from '@/app/components/billing/upgrade-btn'
 import { useProviderContext } from '@/context/provider-context'
 import TooltipPlus from '@/app/components/base/tooltip-plus'
-import { AlertCircle } from '@/app/components/base/icons/src/vender/solid/alertsAndFeedback'
 import { sleep } from '@/utils'
 
 type Props = {
@@ -264,7 +266,7 @@ const EmbeddingProcess: FC<Props> = ({ datasetId, batchId, documents = [], index
                 )}>
                   <div className={cn(s.percent, s.error, 'flex items-center')}>
                     Error
-                    <AlertCircle className='ml-1 w-4 h-4' />
+                    <RiErrorWarningFill className='ml-1 w-4 h-4' />
                   </div>
                 </TooltipPlus>
               )}

web/app/components/datasets/create/step-two/index.tsx

@@ -6,6 +6,10 @@ import { useBoolean } from 'ahooks'
 import { XMarkIcon } from '@heroicons/react/20/solid'
 import { RocketLaunchIcon } from '@heroicons/react/24/outline'
 import cn from 'classnames'
+import {
+  RiCloseLine,
+  RiQuestionLine,
+} from '@remixicon/react'
 import Link from 'next/link'
 import { groupBy } from 'lodash-es'
 import RetrievalMethodInfo from '../../common/retrieval-method-info'
@@ -33,7 +37,6 @@ import { DataSourceType, DocForm } from '@/models/datasets'
 import NotionIcon from '@/app/components/base/notion-icon'
 import Switch from '@/app/components/base/switch'
 import { MessageChatSquare } from '@/app/components/base/icons/src/public/common'
-import { HelpCircle, XClose } from '@/app/components/base/icons/src/vender/line/general'
 import { useDatasetDetailContext } from '@/context/dataset-detail'
 import I18n from '@/context/i18n'
 import { IS_CE_EDITION } from '@/config'
@@ -630,7 +633,7 @@ const StepTwo = ({
                             {t('datasetCreation.stepTwo.overlapTip')}
                           </div>
                         }>
-                          <HelpCircle className='ml-1 w-3.5 h-3.5 text-gray-400' />
+                          <RiQuestionLine className='ml-1 w-3.5 h-3.5 text-gray-400' />
                         </TooltipPlus>
                       </div>
                       <input
@@ -760,7 +763,7 @@ const StepTwo = ({
                 {docForm === DocForm.QA && !QATipHide && (
                   <div className='flex justify-between items-center px-5 py-2 bg-orange-50 border-t border-amber-100 rounded-b-xl text-[13px] leading-[18px] text-medium text-amber-500'>
                     {t('datasetCreation.stepTwo.QATip')}
-                    <XClose className='w-4 h-4 text-gray-500 cursor-pointer' onClick={() => setQATipHide(true)} />
+                    <RiCloseLine className='w-4 h-4 text-gray-500 cursor-pointer' onClick={() => setQATipHide(true)} />
                   </div>
                 )}
               </div>

web/app/components/datasets/create/step-two/language-select/index.tsx

@@ -2,7 +2,7 @@
 import type { FC } from 'react'
 import React from 'react'
 import cn from 'classnames'
-import { ChevronDown } from '@/app/components/base/icons/src/vender/line/arrows'
+import { RiArrowDownSLine } from '@remixicon/react'
 import Popover from '@/app/components/base/popover'
 import { languages } from '@/i18n/language'
 
@@ -33,7 +33,7 @@ const LanguageSelect: FC<ILanguageSelectProps> = ({
       btnElement={
         <div className='inline-flex items-center'>
           <span className='pr-[2px] text-xs leading-[18px] font-medium'>{currentLanguage}</span>
-          <ChevronDown className='w-3 h-3 opacity-60' />
+          <RiArrowDownSLine className='w-3 h-3 opacity-60' />
         </div>
       }
       btnClassName={open => cn('!border-0 !px-0 !py-0 !bg-inherit !hover:bg-inherit', open ? 'text-blue-600' : 'text-gray-500')}

web/app/components/datasets/create/website/firecrawl/base/field.tsx

@@ -2,9 +2,11 @@
 import type { FC } from 'react'
 import React from 'react'
 import cn from 'classnames'
+import {
+  RiQuestionLine,
+} from '@remixicon/react'
 import Input from './input'
 import TooltipPlus from '@/app/components/base/tooltip-plus'
-import { HelpCircle } from '@/app/components/base/icons/src/vender/line/general'
 
 type Props = {
   className?: string
@@ -38,7 +40,7 @@ const Field: FC<Props> = ({
           <TooltipPlus popupContent={
             <div className='w-[200px]'>{tooltip}</div>
           }>
-            <HelpCircle className='relative top-[3px] w-3 h-3 ml-1 text-gray-500' />
+            <RiQuestionLine className='relative top-[3px] w-3 h-3 ml-1 text-gray-500' />
           </TooltipPlus>
         )}
       </div>