123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051 |
- import React from 'react'
- import PropTypes from 'prop-types'
- import classnames from 'classnames'
- import BtnExtandedAction from './BtnExtandedAction.jsx'
-
- const ContentItem = props => {
- const status = props.contentType.availableStatuses.find(s => s.slug === props.statusSlug)
- return (
- <div className={classnames('content', 'align-items-center', {'item-last': props.isLast}, props.customClass)} onClick={props.onClickItem}>
- <div className='content__type' style={{color: props.contentType.hexcolor}}>
- <i className={`fa fa-fw fa-${props.faIcon}`} />
- </div>
-
- <div className='content__name'>
- <div className='content__name__text'>
- { props.label }
- </div>
- </div>
-
- <div className='d-none d-md-flex'>
- <BtnExtandedAction onClickExtendedAction={props.onClickExtendedAction} />
- </div>
-
- <div className={classnames('content__status')} style={{color: status.hexcolor}}>
- <div className='content__status__text d-none d-xl-block'>
- {status.label}
- <i className={`fa fa-fw fa-${status.faIcon}`} />
- </div>
- </div>
- </div>
- )
- }
-
- export default ContentItem
-
- ContentItem.propTypes = {
- type: PropTypes.string.isRequired,
- statusSlug: PropTypes.string.isRequired,
- customClass: PropTypes.string,
- label: PropTypes.string,
- contentType: PropTypes.object,
- onClickItem: PropTypes.func,
- faIcon: PropTypes.string
- }
-
- ContentItem.defaultProps = {
- label: '',
- customClass: '',
- onClickItem: () => {}
- }
|