import type { EmojiStyle, } from 'emoji-picker-react'; import type { ModelType } from '../store'; import EmojiPicker, { Emoji, Theme as EmojiTheme, } from 'emoji-picker-react'; import BlackBotIcon from '../icons/black-bot.svg'; import BotIcon from '../icons/bot.svg'; export function getEmojiUrl(unified: string, style: EmojiStyle) { // Whoever owns this Content Delivery Network (CDN), I am using your CDN to serve emojis // Old CDN broken, so I had to switch to this one // Author: https://github.com/H0llyW00dzZ return `https://fastly.jsdelivr.net/npm/emoji-datasource-apple/img/${style}/64/${unified}.png`; } export function AvatarPicker(props: { onEmojiClick: (emojiId: string) => void; }) { return ( { props.onEmojiClick(e.unified); }} /> ); } export function Avatar(props: { model?: ModelType; avatar?: string }) { if (props.model) { return (
{props.model?.startsWith('gpt-4') || props.model?.startsWith('chatgpt-4o') || props.model?.startsWith('o1') ? ( ) : ( )}
); } return (
{props.avatar && }
); } export function EmojiAvatar(props: { avatar: string; size?: number }) { return ( ); }