|
|
|
|
8
|
return (
|
8
|
return (
|
9
|
<div className={classnames('content', 'align-items-center', {'item-last': props.isLast}, props.customClass)} onClick={props.onClickItem}>
|
9
|
<div className={classnames('content', 'align-items-center', {'item-last': props.isLast}, props.customClass)} onClick={props.onClickItem}>
|
10
|
<div className='content__type' style={{color: props.contentType.hexcolor}}>
|
10
|
<div className='content__type' style={{color: props.contentType.hexcolor}}>
|
11
|
- <i className={`fa fa-${props.faIcon}`} />
|
|
|
|
|
11
|
+ <i className={`fa fa-fw fa-${props.faIcon}`} />
|
12
|
</div>
|
12
|
</div>
|
13
|
|
13
|
|
14
|
<div className='content__name'>
|
14
|
<div className='content__name'>
|
|
|
|
|
23
|
|
23
|
|
24
|
<div className={classnames('content__status d-flex align-items-center justify-content-start')} style={{color: status.hexcolor}}>
|
24
|
<div className={classnames('content__status d-flex align-items-center justify-content-start')} style={{color: status.hexcolor}}>
|
25
|
<div className='content__status__icon d-block '>
|
25
|
<div className='content__status__icon d-block '>
|
26
|
- <i className={`fa fa-${status.fa_icon}`} />
|
|
|
|
|
26
|
+ <i className={`fa fa-fw fa-${status.fa_icon}`} />
|
27
|
</div>
|
27
|
</div>
|
28
|
<div className='content__status__text d-none d-xl-block'>
|
28
|
<div className='content__status__text d-none d-xl-block'>
|
29
|
{status.label}
|
29
|
{status.label}
|