fix(Messages, WebSearchProviderSetting): remove unused variables and update provider logo styling

This commit is contained in:
kangfenmao 2025-05-30 13:29:32 +08:00
parent 93e9baa421
commit 970c517f4b
3 changed files with 7 additions and 5 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.7 KiB

After

Width:  |  Height:  |  Size: 5.9 KiB

View File

@ -53,7 +53,7 @@ const Messages: React.FC<MessagesProps> = ({ assistant, topic, setActiveTopic, o
`topic-${topic.id}` `topic-${topic.id}`
) )
const { t } = useTranslation() const { t } = useTranslation()
const { showPrompt, topicPosition, messageNavigation } = useSettings() const { showPrompt, messageNavigation } = useSettings()
const { updateTopic, addTopic } = useAssistant(assistant.id) const { updateTopic, addTopic } = useAssistant(assistant.id)
const dispatch = useAppDispatch() const dispatch = useAppDispatch()
const [displayMessages, setDisplayMessages] = useState<Message[]>([]) const [displayMessages, setDisplayMessages] = useState<Message[]>([])

View File

@ -5,7 +5,7 @@ import { formatApiKeys } from '@renderer/services/ApiService'
import WebSearchService from '@renderer/services/WebSearchService' import WebSearchService from '@renderer/services/WebSearchService'
import { WebSearchProvider } from '@renderer/types' import { WebSearchProvider } from '@renderer/types'
import { hasObjectKey } from '@renderer/utils' import { hasObjectKey } from '@renderer/utils'
import { Avatar, Button, Divider, Flex, Form, Input, Tooltip } from 'antd' import { Button, Divider, Flex, Form, Input, Tooltip } from 'antd'
import Link from 'antd/es/typography/Link' import Link from 'antd/es/typography/Link'
import { Info } from 'lucide-react' import { Info } from 'lucide-react'
import { FC, useEffect, useState } from 'react' import { FC, useEffect, useState } from 'react'
@ -141,7 +141,7 @@ const WebSearchProviderSetting: FC<Props> = ({ provider: _provider }) => {
<> <>
<SettingTitle> <SettingTitle>
<Flex align="center" gap={8}> <Flex align="center" gap={8}>
<ProviderLogo shape="square" src={getWebSearchProviderLogo(provider.id)} size={16} /> <ProviderLogo shape="circle" src={getWebSearchProviderLogo(provider.id)} size={24} />
<ProviderName> {provider.name}</ProviderName> <ProviderName> {provider.name}</ProviderName>
{officialWebsite && webSearchProviderConfig?.websites && ( {officialWebsite && webSearchProviderConfig?.websites && (
<Link target="_blank" href={webSearchProviderConfig.websites.official}> <Link target="_blank" href={webSearchProviderConfig.websites.official}>
@ -251,8 +251,10 @@ const ProviderName = styled.span`
font-size: 14px; font-size: 14px;
font-weight: 500; font-weight: 500;
` `
const ProviderLogo = styled(Avatar)` const ProviderLogo = styled.img`
border: 0.5px solid var(--color-border); width: 20px;
height: 20px;
object-fit: contain;
` `
export default WebSearchProviderSetting export default WebSearchProviderSetting