VKUI
VKUI copied to clipboard
[Feature] Добавить возможность передавать InitialsAvatar в UsersStack
Дайте возможность передавать InitialsAvatar в UserStack компоненту, а не только массив ссылок на фото. Чтобы, когда у пользователя нет аватара, можно было использовать InitialsAvatar, а не видеть пустой аватар)
идея: Создать новую функцию InitialsAvatarInline
, которая возвращает URI data:image/svg+xml;utf8,<svg...
interface InitialsAvatarInlineProps {
children?: string;
gradientColor?: InitialsAvatarNumberGradients | InitialsAvatarTextGradients;
}
export const InitialsAvatarInline = ({gradientColor, children}) => {
// ...
return [
`data:image/svg+xml;utf8,`,
`<svg xmlns='http://www.w3.org/2000/svg'>`,
`<style>...</style>`
`<linearGradient id='gradient' gradientTransform='rotate(135)'>`,
`<stop offset='0%' stop-color='%23b1b6bd'/>`,
`<stop offset='100%' stop-color='%2399a2ad'/>`,
`</linearGradient>`,
`<circle fill='url(%23gradient)' cx='50%' cy='50%' r='50%'/>`,
`<text x="50%" y="50%" class="text">${children}</text>`
`</svg>`
].join('')
}