dvorakmortonxd/dvorakmortonxd.dev
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fixed/removed the unused cells in the heatmap that made it look weird

Browse source
This commit is contained in:
dvorakmortonxd 2026-05-20 11:39:33 +02:00
commit 2b13c14e91
2 changed files with 1 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/app/components/ContributionHeatmap.tsx
View file

@ -82,9 +82,6 @@ export default function ContributionHeatmap() {
} }
} }
if (currentWeek.length > 0) { if (currentWeek.length > 0) {
while (currentWeek.length < 7) {
currentWeek.push({ date: "", contribs: -1, level: -1 });
}
newWeeks.push(currentWeek); newWeeks.push(currentWeek);
} }
@ -140,7 +137,7 @@ export default function ContributionHeatmap() {
{week.map((day, dIdx) => ( {week.map((day, dIdx) => (
<div <div
key={dIdx} key={dIdx}
className={day.level === -1 ? "heatmap-cell heatmap-cell-empty" : "heatmap-cell"} className="heatmap-cell"
data-level={day.level >= 0 ? day.level : undefined} data-level={day.level >= 0 ? day.level : undefined}
title={day.level >= 0 ? `${day.contribs} contributions on ${day.date}` : undefined} title={day.level >= 0 ? `${day.contribs} contributions on ${day.date}` : undefined}
onMouseEnter={() => day.level >= 0 && setHoveredCell({ date: day.date, contribs: day.contribs })} onMouseEnter={() => day.level >= 0 && setHoveredCell({ date: day.date, contribs: day.contribs })}

4
src/app/page.css
View file

@ -1166,10 +1166,6 @@ body {
box-shadow: 0 0 6px var(--color-white); box-shadow: 0 0 6px var(--color-white);
} }
.heatmap-cell-empty {
pointer-events: none;
}
.heatmap-cell[data-level="1"] { background-color: rgba(130,180,19, 0.4); } .heatmap-cell[data-level="1"] { background-color: rgba(130,180,19, 0.4); }
.heatmap-cell[data-level="2"] { background-color: rgba(130,180,19, 0.6); } .heatmap-cell[data-level="2"] { background-color: rgba(130,180,19, 0.6); }
.heatmap-cell[data-level="3"] { background-color: rgba(130,180,19, 0.8); } .heatmap-cell[data-level="3"] { background-color: rgba(130,180,19, 0.8); }