File size: 1,037 Bytes
03d9a71 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 |
import { FluentEmoji, Logo as LobeLogo, getEmoji } from '@lobehub/ui';
import { Space } from 'antd';
import { type CSSProperties, memo } from 'react';
export interface CustomLogoProps {
logoCustomTitle?: string;
logoCustomUrl?: string;
size?: number;
style?: CSSProperties;
}
const CustomLogo = memo<CustomLogoProps>(({ size = 32, style, logoCustomUrl, logoCustomTitle }) => {
let customLogo = <LobeLogo size={size} style={style} />;
if (logoCustomUrl) {
if (logoCustomUrl.includes('http') || logoCustomUrl.includes('data')) {
customLogo = <img alt="logo" src={logoCustomUrl} style={{ height: size, ...style }} />;
} else {
const pureEmoji = getEmoji(logoCustomUrl);
if (pureEmoji) {
customLogo = <FluentEmoji emoji={pureEmoji} size={size} style={style} />;
}
}
}
return (
<Space align="center" size={size * 0.3}>
{customLogo}
<b style={{ fontSize: size * 0.6, whiteSpace: 'nowrap' }}>{logoCustomTitle}</b>
</Space>
);
});
export default CustomLogo;
|