| @@ -149,7 +149,8 @@ const EmojiPickerInner: FC<IEmojiPickerInnerProps> = ({ | |||
| {/* Color Select */} | |||
| <div className={cn('flex items-center justify-between p-3 pb-0')}> | |||
| <p className='system-xs-medium-uppercase mb-2 text-text-primary'>Choose Style</p> | |||
| {showStyleColors ? <ChevronDownIcon className='h-4 w-4' onClick={() => setShowStyleColors(!showStyleColors)} /> : <ChevronUpIcon className='h-4 w-4' onClick={() => setShowStyleColors(!showStyleColors)} />} | |||
| {showStyleColors ? <ChevronDownIcon className='h-4 w-4 cursor-pointer text-text-quaternary' onClick={() => setShowStyleColors(!showStyleColors)} /> | |||
| : <ChevronUpIcon className='h-4 w-4 cursor-pointer text-text-quaternary' onClick={() => setShowStyleColors(!showStyleColors)} />} | |||
| </div> | |||
| {showStyleColors && <div className='grid w-full grid-cols-8 gap-1 px-3'> | |||
| {backgroundColors.map((color) => { | |||
| @@ -46,7 +46,7 @@ const Empty = ({ | |||
| } | |||
| <div className='absolute left-1/2 top-1/2 z-[2] flex -translate-x-1/2 -translate-y-1/2 flex-col items-center'> | |||
| <div className='relative mb-3 flex h-14 w-14 items-center justify-center rounded-xl border border-dashed border-divider-deep bg-components-card-bg shadow-lg'> | |||
| <Group className='h-5 w-5' /> | |||
| <Group className='h-5 w-5 text-text-primary' /> | |||
| <Line className='absolute right-[-1px] top-1/2 -translate-y-1/2' /> | |||
| <Line className='absolute left-[-1px] top-1/2 -translate-y-1/2' /> | |||
| <Line className='absolute left-1/2 top-0 -translate-x-1/2 -translate-y-1/2 rotate-90' /> | |||
| @@ -5,6 +5,7 @@ import { RiArrowRightUpLine } from '@remixicon/react' | |||
| import Link from 'next/link' | |||
| import cn from '@/utils/classnames' | |||
| import { NoToolPlaceholder } from '../../base/icons/src/vender/other' | |||
| import useTheme from '@/hooks/use-theme' | |||
| type Props = { | |||
| type?: ToolTypeEnum | |||
| isAgent?: boolean | |||
| @@ -25,6 +26,7 @@ const Empty = ({ | |||
| isAgent, | |||
| }: Props) => { | |||
| const { t } = useTranslation() | |||
| const { theme } = useTheme() | |||
| const hasLink = type && [ToolTypeEnum.Custom, ToolTypeEnum.MCP].includes(type) | |||
| const Comp = (hasLink ? Link : 'div') as any | |||
| @@ -34,7 +36,7 @@ const Empty = ({ | |||
| return ( | |||
| <div className='flex h-[336px] flex-col items-center justify-center'> | |||
| <NoToolPlaceholder /> | |||
| <NoToolPlaceholder className={theme === 'dark' ? 'invert' : ''} /> | |||
| <div className='mb-1 mt-2 text-[13px] font-medium leading-[18px] text-text-primary'> | |||
| {hasTitle ? t(`tools.addToolModal.${renderType}.title`) : 'No tools available'} | |||
| </div> | |||