estel/dify
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

feat: new icons (#5412)

Browse Source
This commit is contained in:
zxhlyh
2024-06-20 11:05:08 +08:00
committed by GitHub
parent 0105129fa8
commit 2328ed8ffa
338 changed files with 880 additions and 3669 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
web/app/components/header/account-setting/api-based-extension-page/index.tsx
View File

@@ -1,9 +1,11 @@
import { useTranslation } from 'react-i18next'
import useSWR from 'swr'
import {
RiAddLine,
} from '@remixicon/react'
import Item from './item'
import Empty from './empty'
import { useModalContext } from '@/context/modal-context'
import { Plus } from '@/app/components/base/icons/src/vender/line/general'
import { fetchApiBasedExtensionList } from '@/service/common'
const ApiBasedExtensionPage = () => {
@@ -43,7 +45,7 @@ const ApiBasedExtensionPage = () => {
className='flex items-center justify-center px-3 h-8 text-[13px] font-medium text-gray-700 rounded-lg bg-gray-50 cursor-pointer'
onClick={handleOpenApiBasedExtensionModal}
>
<Plus className='mr-2 w-4 h-4' />
<RiAddLine className='mr-2 w-4 h-4' />
{t('common.apiBasedExtension.add')}
</div>
</div>

7
web/app/components/header/account-setting/api-based-extension-page/item.tsx
View File

@@ -1,7 +1,10 @@
import type { FC } from 'react'
import { useState } from 'react'
import { useTranslation } from 'react-i18next'
import { Edit02, Trash03 } from '@/app/components/base/icons/src/vender/line/general'
import {
RiDeleteBinLine,
} from '@remixicon/react'
import { Edit02 } from '@/app/components/base/icons/src/vender/line/general'
import type { ApiBasedExtension } from '@/models/common'
import { useModalContext } from '@/context/modal-context'
import { deleteApiBasedExtension } from '@/service/common'
@@ -50,7 +53,7 @@ const Item: FC<ItemProps> = ({
className='flex items-center justify-center w-7 h-7 bg-white text-gray-700 rounded-md border-[0.5px] border-gray-200 shadow-xs cursor-pointer'
onClick={() => setShowDeleteConfirm(true)}
>
<Trash03 className='w-4 h-4' />
<RiDeleteBinLine className='w-4 h-4' />
</div>
</div>
{

12
web/app/components/header/account-setting/api-based-extension-page/selector.tsx
View File

@@ -2,6 +2,10 @@ import type { FC } from 'react'
import { useState } from 'react'
import useSWR from 'swr'
import { useTranslation } from 'react-i18next'
import {
RiAddLine,
RiArrowDownSLine,
} from '@remixicon/react'
import {
PortalToFollowElem,
PortalToFollowElemContent,
@@ -9,9 +13,7 @@ import {
} from '@/app/components/base/portal-to-follow-elem'
import {
ArrowUpRight,
ChevronDown,
} from '@/app/components/base/icons/src/vender/line/arrows'
import { Plus } from '@/app/components/base/icons/src/vender/line/general'
import { useModalContext } from '@/context/modal-context'
import { fetchApiBasedExtensionList } from '@/service/common'
@@ -58,14 +60,14 @@ const ApiBasedExtensionSelector: FC<ApiBasedExtensionSelectorProps> = ({
<div className='mr-1.5 w-[270px] text-xs text-gray-400 truncate text-right'>
{currentItem.api_endpoint}
</div>
<ChevronDown className={`w-4 h-4 text-gray-700 ${!open && 'opacity-60'}`} />
<RiArrowDownSLine className={`w-4 h-4 text-gray-700 ${!open && 'opacity-60'}`} />
</div>
</div>
)
: (
<div className='flex items-center justify-between pl-3 pr-2.5 h-9 bg-gray-100 rounded-lg text-sm text-gray-400 cursor-pointer'>
{t('common.apiBasedExtension.selector.placeholder')}
<ChevronDown className={`w-4 h-4 text-gray-700 ${!open && 'opacity-60'}`} />
<RiArrowDownSLine className={`w-4 h-4 text-gray-700 ${!open && 'opacity-60'}`} />
</div>
)
}
@@ -106,7 +108,7 @@ const ApiBasedExtensionSelector: FC<ApiBasedExtensionSelectorProps> = ({
className='flex items-center px-3 h-8 text-sm text-primary-600 cursor-pointer'
onClick={() => setShowApiBasedExtensionModal({ payload: {}, onSaveCallback: () => mutate() })}
>
<Plus className='mr-2 w-4 h-4' />
<RiAddLine className='mr-2 w-4 h-4' />
{t('common.operation.add')}
</div>
</div>