Bamieh/reflow

import React from 'react';
import moment from 'moment';
import { Link } from 'react-router-dom';

import StatusCircle from '../StatusCircle';


const Job = ({job, link}) => {
  const date = moment(job.startTime).fromNow()
  const idText = `Job #${job.id.substr(-6)}`;
  const jobDetails = `Yamsafer Backend (${job.targetBranch}) - ${job.trigger}`

  return (
    <Link to={link} type="button" className="btn btn-link job-card">
      <StatusCircle status={job.result} />
      <div className="job-id">{idText}</div>
      <div className="job-details">{jobDetails}</div>
      <div className="job-date">{date}</div>
    </Link>
  )
}
export default Job