feat: new icons (#5412)

web/app/components/header/account-setting/data-source-page/data-source-notion/operate/index.tsx

@@ -2,13 +2,15 @@
 import { useTranslation } from 'react-i18next'
 import { Fragment } from 'react'
 import { useSWRConfig } from 'swr'
-import { EllipsisHorizontalIcon } from '@heroicons/react/24/solid'
+import {
+  RiDeleteBinLine,
+  RiLoopLeftLine,
+  RiMoreFill,
+  RiStickyNoteAddLine,
+} from '@remixicon/react'
 import { Menu, Transition } from '@headlessui/react'
 import { syncDataSourceNotion, updateDataSourceNotionAction } from '@/service/common'
 import Toast from '@/app/components/base/toast'
-import { FilePlus02 } from '@/app/components/base/icons/src/vender/line/files'
-import { RefreshCw05 } from '@/app/components/base/icons/src/vender/line/arrows'
-import { Trash03 } from '@/app/components/base/icons/src/vender/line/general'
 
 type OperateProps = {
   payload: {
@@ -53,7 +55,7 @@ export default function Operate({
         ({ open }) => (
           <>
             <Menu.Button className={`flex items-center justify-center w-8 h-8 rounded-lg hover:bg-gray-100 ${open && 'bg-gray-100'}`}>
-              <EllipsisHorizontalIcon className='w-4 h-4' />
+              <RiMoreFill className='w-4 h-4' />
             </Menu.Button>
             <Transition
               as={Fragment}
@@ -77,7 +79,7 @@ export default function Operate({
                       className={itemClassName}
                       onClick={onAuthAgain}
                     >
-                      <FilePlus02 className={itemIconClassName} />
+                      <RiStickyNoteAddLine className={itemIconClassName} />
                       <div>
                         <div className='leading-5'>{t('common.dataSource.notion.changeAuthorizedPages')}</div>
                         <div className='leading-5 text-xs text-gray-500'>
@@ -88,7 +90,7 @@ export default function Operate({
                   </Menu.Item>
                   <Menu.Item>
                     <div className={itemClassName} onClick={handleSync}>
-                      <RefreshCw05 className={itemIconClassName} />
+                      <RiLoopLeftLine className={itemIconClassName} />
                       <div className='leading-5'>{t('common.dataSource.notion.sync')}</div>
                     </div>
                   </Menu.Item>
@@ -96,7 +98,7 @@ export default function Operate({
                 <Menu.Item>
                   <div className='p-1'>
                     <div className={itemClassName} onClick={handleRemove}>
-                      <Trash03 className={itemIconClassName} />
+                      <RiDeleteBinLine className={itemIconClassName} />
                       <div className='leading-5'>{t('common.dataSource.notion.remove')}</div>
                     </div>
                   </div>

web/app/components/header/account-setting/data-source-page/panel/config-item.tsx

@@ -3,11 +3,13 @@ import type { FC } from 'react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
 import cn from 'classnames'
+import {
+  RiDeleteBinLine,
+} from '@remixicon/react'
 import Indicator from '../../../indicator'
 import Operate from '../data-source-notion/operate'
 import { DataSourceType } from './types'
 import s from './style.module.css'
-import { Trash03 } from '@/app/components/base/icons/src/vender/line/general'
 
 export type ConfigItemType = {
   id: string
@@ -69,7 +71,7 @@ const ConfigItem: FC<Props> = ({
       {
         isWebsite && !readOnly && (
           <div className='p-2 text-gray-500 cursor-pointer rounded-md hover:bg-black/5' onClick={onRemove} >
-            <Trash03 className='w-4 h-4 ' />
+            <RiDeleteBinLine className='w-4 h-4 ' />
           </div>
         )
       }