JSFiddle - React, Tailwind, and code Playground

by graphettion

JavaScript

// When a talk is complete, show a chart counting how many talks were made

let completedTalks = [
	{ briefedOn: "2020-10-05T04:20:00" },
  { briefedOn: "2021-09-30T16:25:00" },
  { briefedOn: "2021-09-30T17:22:00" },
  { briefedOn: "2021-10-03T22:08:00" },
  { briefedOn: "2020-11-09T16:03:00" },
  { briefedOn: "2020-10-04T22:22:00" }
]

let months = ["Jan","Feb","Mar","Apr","May","Jun","July","Aug","Sept","Oct","Nov","Dec"];

let currentYear = `${new Date().getFullYear()}`

let data = months.map((month, index) => ({
	"label": month,
  "value": completedTalks.filter(talk => talk.briefedOn.includes(currentYear) ? index === new Date(talk.briefedOn).getMonth() : null).length
}));

console.log('data', data)