+
+ {weeks.map((week, weekIndex) => (
+
+ {week.map((day, dayIndex) => {
+ const hours = day.grand_total.total_seconds / 3600;
+ const intensity = getIntensity(hours);
+
+ return (
+
+ {/* Tooltip */}
+
+ {hours.toFixed(1)} hours on {day.date}
+
+
+ );
+ })}
+
+ ))}
+
+ {/* Months labels */}
+
+ {weeks.map((week, i) => {
+ const date = new Date(week[0].date);
+ const isFirstOfMonth = date.getDate() <= 7;
+ return (
+
+ {isFirstOfMonth && months[date.getMonth()]}
+
+ );
+ })}
+
+