2
0

fix(engine): 🐛 Properly handle variable avatars

This commit is contained in:
Baptiste Arnaud
2022-02-25 18:19:01 +01:00
parent 74b3464474
commit d21b1722b5
9 changed files with 36 additions and 33 deletions

View File

@@ -1,10 +1,12 @@
import React from 'react'
import { isDefined } from 'utils'
import { DefaultAvatar } from './DefaultAvatar'
export const Avatar = ({ avatarSrc }: { avatarSrc: string }): JSX.Element => {
export const Avatar = ({ avatarSrc }: { avatarSrc?: string }): JSX.Element => {
if (avatarSrc === '') return <></>
return (
<div className="w-full h-full rounded-full text-2xl md:text-4xl text-center xs:w-10 xs:h-10">
{avatarSrc !== '' ? (
<div className="w-full h-full rounded-full text-2xl md:text-4xl text-center xs:w-10 xs:h-10 flex-shrink-0">
{isDefined(avatarSrc) ? (
<figure
className={
'flex justify-center items-center rounded-full text-white w-6 h-6 text-sm relative xs:w-full xs:h-full xs:text-xl'