diff --git a/public/res/svg/image-broken.svg b/public/res/svg/image-broken.svg new file mode 100644 index 0000000..101b8e1 --- /dev/null +++ b/public/res/svg/image-broken.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + diff --git a/src/app/atoms/avatar/Avatar.jsx b/src/app/atoms/avatar/Avatar.jsx index 59097b5..e5ce53c 100644 --- a/src/app/atoms/avatar/Avatar.jsx +++ b/src/app/atoms/avatar/Avatar.jsx @@ -7,6 +7,8 @@ import { twemojify } from '../../../util/twemojify'; import Text from '../text/Text'; import RawIcon from '../system-icons/RawIcon'; +import ImageBrokenSVG from '../../../../public/res/svg/image-broken.svg'; + function Avatar({ text, bgColor, iconSrc, iconColor, imageSrc, size, }) { @@ -19,7 +21,7 @@ function Avatar({
{ imageSrc !== null - ? avatar + ? { e.target.src = ImageBrokenSVG; }} alt="avatar" /> : (