fix(svg): use actual weekday for tower positioning

Author: Aditya30ag

lib/svg/layout.test.ts

@@ -223,22 +223,22 @@ it('assigns correct row and col values based on week/day position', () => {
     weeks: [
       {
         contributionDays: [
+          { contributionCount: 1, date: '2024-06-09' },
           { contributionCount: 1, date: '2024-06-10' },
           { contributionCount: 1, date: '2024-06-11' },
-          { contributionCount: 1, date: '2024-06-12' },
         ],
       },
       {
         contributionDays: [
-          { contributionCount: 1, date: '2024-06-13' },
-          { contributionCount: 1, date: '2024-06-14' },
-          { contributionCount: 1, date: '2024-06-15' },
+          { contributionCount: 1, date: '2024-06-16' },
+          { contributionCount: 1, date: '2024-06-17' },
+          { contributionCount: 1, date: '2024-06-18' },
         ],
       },
     ],
   } as unknown as ContributionCalendar;
 
-  const towers = computeTowers(calendar, 'linear', '2024-06-15');
+  const towers = computeTowers(calendar, 'linear', '2024-06-18');
 
   expect(towers[0].row).toBe(0);
   expect(towers[0].col).toBe(0);

lib/svg/layout.ts

@@ -123,7 +123,8 @@ export function computeTowers(
         ? `TODAY: ${day.date}: ${count} ${unit}`
         : `${day.date}: ${count} ${unit}`;
 
-      const coords = projectIsometric(i, j);
+      const dayOfWeekIndex = new Date(day.date).getUTCDay();
+      const coords = projectIsometric(i, dayOfWeekIndex);
 
       let intensityLevel = 0;
       if (hasCommits) {
@@ -153,7 +154,7 @@ export function computeTowers(
         strokeOpacity: isGhost ? 0.3 : 0,
         strokeWidth: isGhost ? 0.5 : 0,
         row: i,
-        col: j,
+        col: dayOfWeekIndex,
         intensityLevel,
       });
     });