shape.camp/client/src/components/StatusTimeline.js

import React from "react";
import { Timeline, Tag } from "antd";
import statusTagMap from "../util/statusTagMap.json";

export default function StatusTimeline({ events }) {
  console.log(events);
  const eventItems = events.reverse().map((event) => {
    switch (event.eventType) {
      case "status_changed":
        return (
          <Timeline.Item label={new Date(event.createdAt).toUTCString()}>
            Status:{" "}
            <Tag color={statusTagMap[event.value].color}>{event.value}</Tag>
          </Timeline.Item>
        );
      case "created":
        return (
          <Timeline.Item label={new Date(event.createdAt).toUTCString()}>
            Created
          </Timeline.Item>
        );
      default:
        break;
    }
  });

  return <Timeline mode="left">{eventItems}</Timeline>;
}