123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960 |
- import React from 'react'
- import PropTypes from 'prop-types'
- import classnames from 'classnames'
-
- require('./RecentActivity.styl')
-
- export const RecentActivity = props =>
- <div className='activity'>
- <div className='activity__header'>
- <div className={classnames('activity__header__title', 'subTitle')}>
- {props.t('Recent activity')}
- </div>
-
- <div
- className={classnames('activity__header__allread', 'btn btn-outline-primary')}
- onClick={props.onClickEverythingAsRead}
- >
- {props.t('Mark everything as read')}
- </div>
- </div>
-
- <div className='activity__wrapper'>
- {props.recentActivityFilteredForUser.map(content => {
- const contentType = props.contentTypeList.find(ct => ct.slug === content.type)
- return (
- <div
- className='activity__workspace'
- onClick={() => props.onClickRecentContent(content.id, content.type)}
- key={content.id}
- >
- <div className='activity__workspace__icon' style={{color: contentType.hexcolor}}>
- <i className={`fa fa-${contentType.faIcon}`} />
- </div>
- <div className='activity__workspace__name'>
- {content.label}
- </div>
- </div>
- )
- })}
-
- <div className={classnames('activity__more', 'd-flex flex-row-reverse')}>
- <div
- className={classnames('activity__more__btn', 'btn btn-outline-primary')}
- onClick={props.onClickSeeMore}
- >
- {props.t('See more')}
- </div>
- </div>
- </div>
- </div>
-
- export default RecentActivity
-
- RecentActivity.propTypes = {
- t: PropTypes.func.isRequired,
- recentActivityFilteredForUser: PropTypes.array.isRequired,
- contentTypeList: PropTypes.array.isRequired,
- onClickSeeMore: PropTypes.func.isRequired
- }
|