Small react component example

RecentEvent.js

// @flow
import React from 'react'
import moment from 'moment'
import capitalize from '@/utils/capitalize'

import type { Event } from '@/modules/types/event'

type Props = {
  event: Event,
}

const RecentEvent = ({ event }: Props) => (
  <a href={`/dashboard/deals/${event.relationId}`} data-cy="recentEvent">
    <div className="dashboard-card">
      <div className="card-text">
        <h4>{capitalize(event.eventType)}</h4>
        <div>
          <p className="events-description">{event.summary}</p>
        </div>
      </div>
      <span className="hours-ago">{moment(event.insertedAt).fromNow()}</span>
    </div>
  </a>
)

export default RecentEvent