Sha256: de228c55c1fd0494741e18740b27e255c228f663cd1980bb7384aa65e1861bc4
Contents?: true
Size: 892 Bytes
Versions: 6
Compression:
Stored size: 892 Bytes
Contents
/* @flow */
import React from 'react'
import moment from 'moment'
import classnames from 'classnames'
import Avatar from '../Avatar/Avatar'
import Text from '../Text/Text'
import styles from './styles.scss'
type UserStampProps = {|
action: string,
date: string,
name: string,
thumbUrl: string,
|}
const DateFormat = 'MMM Do, YYYY'
const UserStamp = ({ thumbUrl, name, action, date }: UserStampProps) => (
<div className={classnames(styles['user-stamp'], 'mt-2')}>
<Avatar
size="smaller"
thumb={thumbUrl}
url={thumbUrl}
/>
<div>
<p className={'m-0 ml-2 text-smaller text-meta-bold'}>
<Text color={'ink'}>{action} {moment(date).format(DateFormat)}</Text>
</p>
<p className='m-0 ml-2 text-smaller'>
<Text color={'ink-lighter'}>{`by ${name}`}</Text>
</p>
</div>
</div>
)
export default UserStamp
Version data entries
6 entries across 6 versions & 2 rubygems