import { Show, createMemo } from 'solid-js' import './DialogCard.module.scss' import styles from './DialogAvatar.module.scss' import { clsx } from 'clsx' type Props = { name: string url?: string online?: boolean size?: 'small' } const colors = [ '#001219', '#005f73', '#0a9396', '#94d2bd', '#ee9b00', '#ca6702', '#ae2012', '#9b2226', '#668cff', '#c34cfe', '#e699ff', '#6633ff' ] const getById = (letter: string) => colors[Math.abs(Number(BigInt(letter.toLowerCase().codePointAt(0) - 97) % BigInt(colors.length)))] const DialogAvatar = (props: Props) => { const nameFirstLetter = props.name.slice(0, 1) const randomBg = createMemo(() => { return getById(nameFirstLetter) }) return (
{nameFirstLetter}
}>
) } export default DialogAvatar