IlyaSobolev/DocSpace-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

web: components: Badge optimization

Browse Source
This commit is contained in:
Alexey Safronov 2019-07-31 21:04:34 +03:00
parent e3e5c00dcc
commit fb8b4be622
1 changed files with 5 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
web/ASC.Web.Components/src/components/badge/index.js
View File

@ -14,25 +14,21 @@ const StyledBadge = styled.div`
cursor: pointer; cursor: pointer;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
display: inline-block; display: ${props => props.number > 0 ? 'inline-block' : 'none'};
user-select: none; user-select: none;
`; `;
const Badge = props => { const Badge = props => {
//console.log("Badge render"); //console.log("Badge render");
const onClick = (e) => { const onClick = e => {
if (props.onClick) { if (props.onClick) {
e.stopPropagation(); e.stopPropagation();
props.onClick(e); props.onClick(e);
} }
} };
return ( return (<StyledBadge {...props} onClick={onClick}>{props.number}</StyledBadge>);
props.number > 0
? <StyledBadge {...props} onClick={onClick}>{props.number}</StyledBadge>
: ""
);
}; };
Badge.propTypes = { Badge.propTypes = {