JSFiddle - React, Tailwind, and code Playground

by Satheesh Kumar

JavaScript

let a = [
    {
        "name": "Arunkumar jayasankar (9.3 hrs)",
        "team": "Web-PHP",
        "user_id": 2,
        "type": "Login",
        "date": "2023-05-30",
        "start_time": "09:00:00",
        "end_time": "18:00:00",
        "colour": "#22914B"
    },
    {
        "name": "Arunkumar jayasankar (9.3 hrs)",
        "team": "Web-PHP",
        "user_id": 2,
        "type": "Time-off",
        "date": "2023-05-30",
        "start_time": "09:00:00",
        "end_time": "11:00:00",
        "colour": "#FF4F00"
    },
    {
        "name": "Arunkumar jayasankar (9.3 hrs)",
        "team": "Web-PHP",
        "user_id": 2,
        "type": "Break",
        "date": "2023-05-30",
        "start_time": "11:30:00",
        "end_time": "11:45:00",
        "colour": "#595959"
    },
    {
        "name": "Arunkumar jayasankar (9.3 hrs)",
        "team": "Web-PHP",
        "user_id": 2,
        "type": "Lunch",
        "date": "2023-05-30",
        "start_time": "14:00:00",
        "end_time": "14:30:00",
        "colour": "#FF9D00"
    },
    {
        "name": "Arunkumar jayasankar (9.3 hrs)",
        "team": "Web-PHP",
        "user_id": 2,
        "type": "Break",
        "date": "2023-05-30",
        "start_time": "16:15:00",
        "end_time": "16:30:00",
        "colour": "#595959"
    },
    {
        "name": "Arunkumar jayasankar (9.3 hrs)",
        "team": "Web-PHP",
        "user_id": 2,
        "type": "Login",
        "date": "2023-05-30",
        "start_time": "20:00:00",
        "end_time": "21:00:00",
        "colour": "#22914B"
    }
];
var dataCount = a.length;
var arra = [];
$.each( a,function(key, value){
        let loginStart,
            loginEnd;
  /* console.log(value) */
  let type = value.type,
        st = value.start_time,
      et = value.end_time;
      if(type === "Login"){
                    loginStart = st;
          loginEnd = et
          let k = key + 1
                                if(a[k]){
                   ...