VKUI icon indicating copy to clipboard operation
VKUI copied to clipboard

[Feature] Добавить возможность передавать InitialsAvatar в UsersStack

Open kasmr opened this issue 3 years ago • 1 comments

Дайте возможность передавать InitialsAvatar в UserStack компоненту, а не только массив ссылок на фото. Чтобы, когда у пользователя нет аватара, можно было использовать InitialsAvatar, а не видеть пустой аватар)

kasmr avatar Dec 23 '21 14:12 kasmr

идея: Создать новую функцию 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('')
}

SevereCloud avatar Jul 05 '22 10:07 SevereCloud