Clock Component

gistfile1.txt

import React, { Component } from 'react';

class Clock extends React.Component {
  render() {
    const currentTime = new Date(),
    hours = currentTime.getHours(),
    minutes = currentTime.getMinutes(),
    seconds = currentTime.getSeconds(),
    ampm = hours >= 12? 'pm': 'am';

    return(
      <div className="clock"> {
        hours == 0 ? 12: (hours > 12) ?
          hours - 12: hours
      }:
      {
        minutes > 9 ? minutes: `0${minutes}`
      }:
      {
        seconds > 0 ? seconds: `0${seconds}`
      }
      {ampm}
    </div>
    )
  }
}

export default Clock;