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

web: Components: Changed component for inserting icons from IconButton to Icons

Browse Source
This commit is contained in:
Ilya Oleshko 2019-08-08 13:47:12 +03:00
parent 11bd28c365
commit 4454ea0f8b
1 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
web/ASC.Web.Components/src/components/drop-down-item/index.js
View File

@ -1,7 +1,7 @@
import React from 'react'
import styled, { css } from 'styled-components'
import PropTypes from 'prop-types'
import IconButton from '../icon-button';
import { Icons } from '../icons'
const itemTruncate = css`
white-space: nowrap;
@ -73,25 +73,27 @@ const StyledDropdownItem = styled.button`
const IconWrapper = styled.span`
display: inline-block;
width: 16px;
margin-right: 8px;
line-height: 14px;
`;
const DropDownItem = React.memo(props => {
const DropDownItem = props => {
//console.log("DropDownItem render");
const { isSeparator, label, icon } = props;
const color = props.disabled || props.isHeader ? '#A3A9AE' : '#333333';
const color = props.disabled ? '#A3A9AE' : '#333333';
return (
<StyledDropdownItem {...props} >
{icon &&
<IconWrapper>
<IconButton size={16} iconName={icon} color={color} />
{React.createElement(Icons[icon], {size: "scale", color: color, isfill: true})}
</IconWrapper>
}
{isSeparator ? '\u00A0' : label}
</StyledDropdownItem>
);
});
};
DropDownItem.propTypes = {
isSeparator: PropTypes.bool,