mirror of
https://github.com/CherryHQ/cherry-studio.git
synced 2025-12-31 16:49:07 +08:00
2e07b4ea58
- Introduced migration status documentation in both English and Chinese to track the progress of the UI component library migration. - Added new UI components including CopyButton, DividerWithText, EmojiIcon, IndicatorLight, Spinner, TextBadge, and various display and icon components. - Updated the index.ts file to export the newly added components for easier access. - Enhanced the directory structure and component classification guidelines for better organization and clarity.
32 lines
790 B
TypeScript
32 lines
790 B
TypeScript
// Original: src/renderer/src/components/Icons/VisionIcon.tsx
|
|
import { Tooltip } from 'antd'
|
|
import { ImageIcon } from 'lucide-react'
|
|
import React, { FC } from 'react'
|
|
import { useTranslation } from 'react-i18next'
|
|
import styled from 'styled-components'
|
|
|
|
const VisionIcon: FC<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>> = (props) => {
|
|
const { t } = useTranslation()
|
|
|
|
return (
|
|
<Container>
|
|
<Tooltip title={t('models.type.vision')} placement="top">
|
|
<Icon size={15} {...(props as any)} />
|
|
</Tooltip>
|
|
</Container>
|
|
)
|
|
}
|
|
|
|
const Container = styled.div`
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
`
|
|
|
|
const Icon = styled(ImageIcon)`
|
|
color: var(--color-primary);
|
|
margin-right: 6px;
|
|
`
|
|
|
|
export default VisionIcon
|