const performanceData = [
{
"heading": "Sailing Performance",
"fuelType": "lsfo",
"fuelValue": "359",
"fuelPerformanceChange": "+13",
"trafficLight": "green",
"unit": "L/nm"
},
{
"heading": "Sailing Performance",
"fuelType": "mdo",
"fuelValue": "359",
"fuelPerformanceChange": "-1",
"trafficLight": "red",
"unit": "L/nm"
},
{
"heading": "Passive Performance",
"fuelType": "lsfo",
"fuelValue": "176.2",
"fuelPerformanceChange": "+7",
"trafficLight": "green",
"unit": "L/nm"
},
{
"heading": "Passive Performance",
"fuelType": "mdo",
"fuelValue": "180.2",
"fuelPerformanceChange": "-5",
"trafficLight": "red",
"unit": "L/nm"
}
];
// below is to sort based on fuel type
performanceData.sort((a, b) => (a.fuelType === b.fuelType) ? 0 : a.fuelType > b.fuelType ? 1 : -1);