All files / client/components/Common UserDate.tsx

0% Statements 0/7
0% Branches 0/2
0% Functions 0/1
0% Lines 0/7

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32                                                               
import React from 'react'
import moment from 'moment'
 
interface Props {
  dateTime: string
  format?: string
  className?: string
}
 
/**
 * UserDate
 *
 * display date depends on user timezone of user settings
 */
export default class UserDate extends React.Component<Props> {
  static defaultProps = { format: 'YYYY/MM/DD HH:mm:ss', className: '' }
 
  render() {
    const format = this.props.format
    const dt = moment(this.props.dateTime)
 
    let dtFormat
    if (format === 'fromNow') {
      dtFormat = dt.fromNow()
    } else {
      dtFormat = dt.format(format)
    }
 
    return <span className={this.props.className}>{dtFormat}</span>
  }
}