michael/cinny
1
0
Fork 0
Code Issues 8 Pull requests Projects Releases Packages Wiki Activity

Remove error handling from Avatar component

Browse source 
Signed-off-by: Ajay Bura <ajbura@gmail.com>
This commit is contained in:
Ajay Bura 2022-01-09 16:22:04 +05:30
parent 34bb5f9928
commit f8f77075ec
1 changed files with 3 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/app/atoms/avatar/Avatar.jsx
View file

@ -1,4 +1,4 @@
import React, { useState, useEffect } from 'react'; import React from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import './Avatar.scss'; import './Avatar.scss';
@ -10,22 +10,16 @@ import RawIcon from '../system-icons/RawIcon';
function Avatar({ function Avatar({
text, bgColor, iconSrc, iconColor, imageSrc, size, text, bgColor, iconSrc, iconColor, imageSrc, size,
}) { }) {
const [image, updateImage] = useState(imageSrc);
let textSize = 's1'; let textSize = 's1';
if (size === 'large') textSize = 'h1'; if (size === 'large') textSize = 'h1';
if (size === 'small') textSize = 'b1'; if (size === 'small') textSize = 'b1';
if (size === 'extra-small') textSize = 'b3'; if (size === 'extra-small') textSize = 'b3';
useEffect(() => {
updateImage(imageSrc);
return () => updateImage(null);
}, [imageSrc]);
return ( return (
<div className={`avatar-container avatar-container__${size} noselect`}> <div className={`avatar-container avatar-container__${size} noselect`}>
{ {
image !== null imageSrc !== null
? <img draggable="false" src={image} onError={() => updateImage(null)} alt="avatar" /> ? <img draggable="false" src={imageSrc} alt="avatar" />
: ( : (
<span <span
style={{ backgroundColor: iconSrc === null ? bgColor : 'transparent' }} style={{ backgroundColor: iconSrc === null ? bgColor : 'transparent' }}