Color is not applying

[vel-kathir]

Portfolio Data Saved and Processing and Checking of Portfolio Data && Review of Reconciliation and Reports and 2nd level review of Reconciliation & Reports Submitted and Release the Report to the Client start with (minus) means color red else green I need

const exportDelayWithSNo = response?.data?.employeeData?.map(
(item, index) => ({
"S.No": index + 1,
"Family Name": item.familyName,
"Portfolio Data Saved": convertDecimalDaysToTime(
item.task1balanceSla
),
"Processed by ": item.task1employeeName || "N/A",
"Processing and Checking of Portfolio Data":
convertDecimalDaysToTime(item.task2balanceSla),
"Processed by ": item.task2employeeName || "N/A",
"Reconciliation of Data and Reports": convertDecimalDaysToTime(
item.task3balanceSla
),
"Processed by ": item.task3employeeName || "N/A",
"Review of Reconciliation and Reports":
convertDecimalDaysToTime(item.task4balanceSla),
"Processed by ": item.task4employeeName || "N/A",
"2nd level review of Reconciliation & Reports Submitted":
convertDecimalDaysToTime(item.task5balanceSla),
"Processed by ": item.task5employeeName || "N/A",

            "Release the Report to the Client": convertDecimalDaysToTime(
              item.task6balanceSla
            ),
            "Processed by": item.task6employeeName || "N/A",
          })
        );
        // Include headers in the data array
        const headers = Object.keys(exportDelayWithSNo[0]);
        const dataWithHeaders = [headers]; // Assuming the first item contains column headers
        exportDelayWithSNo.forEach((row) => {
          const rowData = headers.map((header) => row[header]);
          dataWithHeaders.push(rowData);
        });

        const ws = XLSX.utils.aoa_to_sheet(dataWithHeaders);

        // Calculate column widths based on content length including headers
        const columnWidths = dataWithHeaders.reduce((acc, row) => {
          row.forEach((cell, index) => {
            const width = Math.max(acc[index] || 0, String(cell).length);
            acc[index] = width;
          });
          return acc;
        }, []);

        // Convert character length to Excel column width units
        const excelColumnWidths = columnWidths.map((width) => {
          return { wch: width };
        });

        ws["!cols"] = excelColumnWidths;

        const wb = XLSX.utils.book_new();
        XLSX.utils.book_append_sheet(wb, ws, "Sheet1");
        const filename = `Customer_Analytics_Progress_${formattedDate}.xlsx`;
        XLSX.writeFile(wb, filename);
        
        
        const convertDecimalDaysToTime = (decimalDays) => {
const totalDays = Math.floor(Math.abs(decimalDays));
const remainingHours = Math.round((Math.abs(decimalDays) % 1) * 24);
const daysText =
  decimalDays < 0
    ? `-${totalDays} ${
        totalDays === 0 || totalDays === 1 ? "Day" : "Days"
      } `
    : `${totalDays} ${
        totalDays === 0 || totalDays === 1 ? "Day" : "Days"
      } `;
const hoursText = `${remainingHours} ${
  remainingHours === 0 || remainingHours === 1 ? "Hour" : "Hours"
} `;

return `${daysText}${hoursText}` === "-0 Day 0 Hour "
  ? "0 Day 0 Hour"
  : `${daysText}${hoursText}`;

};