Merge branch 'class-calendar' of github.com:berkeley-cdss/assignment-snapshots into class-calendar

Author: phrdang

src/snapshots-app/client/bundles/components/submission/tabs/summary/BackupCalendarChart.jsx

@@ -83,7 +83,7 @@ const BackupCalendarChart = () => {
         yearLabel: { show: false },
         dayLabel: {
           firstDay: 0,
-          nameMap: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
+          nameMap: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
         },
         monthLabel: {
           position: "start", // Places month names to the left of the grid

src/snapshots-app/client/bundles/components/submission/tabs/summary/MultiStudentCalendar.jsx

@@ -71,59 +71,63 @@ const MultiStudentCalendar = () => {
       yearLabel: { show: false },
       dayLabel: {
         firstDay: 0,
-        nameMap: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
+        nameMap: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
       },
       monthLabel: {
         position: "start", // Places month names to the left of the grid
         margin: 20,
       },
     },
 
-    series: [{
-      type: "custom",
-      coordinateSystem: "calendar",
-      data: calendarData,
+    series: [
+      {
+        type: "custom",
+        coordinateSystem: "calendar",
+        data: calendarData,
 
-      renderItem: (params, api) => {
-        const cellPoint = api.coord(api.value(0));
-        const studentIndex = api.value(3); // index of student for this day
+        renderItem: (params, api) => {
+          const cellPoint = api.coord(api.value(0));
+          const studentIndex = api.value(3); // index of student for this day
 
-        // Define a grid inside the cell (e.g., 5x5 grid)
-        const columns = 5;
-        const spacing = 8; // Pixels between dots
+          // Define a grid inside the cell (e.g., 5x5 grid)
+          const columns = 5;
+          const spacing = 8; // Pixels between dots
 
-        const row = Math.floor(studentIndex / columns);
-        const col = studentIndex % columns;
+          const row = Math.floor(studentIndex / columns);
+          const col = studentIndex % columns;
 
-        // Center the grid within the cell
-        const startX = cellPoint[0] - (columns * spacing) / 2;
-        const startY = cellPoint[1] - (columns * spacing) / 2;
+          // Center the grid within the cell
+          const startX = cellPoint[0] - (columns * spacing) / 2;
+          const startY = cellPoint[1] - (columns * spacing) / 2;
 
-        return {
-          type: "circle",
-          shape: {
-            cx: startX + col * spacing,
-            cy: startY + row * spacing,
-            r: 3, // Smaller radius for high density
-          },
-          style: api.style()
-        };
-      }
-    }],
+          return {
+            type: "circle",
+            shape: {
+              cx: startX + col * spacing,
+              cy: startY + row * spacing,
+              r: 3, // Smaller radius for high density
+            },
+            style: api.style(),
+          };
+        },
+      },
+    ],
   };
 
   return (
     <>
-      {calendarData.length === 0 ? <CircularProgress /> : <div style={{ width: "100%", background: "#fff", padding: "20px" }}>
-        <ReactECharts
-          option={option}
-          style={{ height: "500px", width: "100%" }}
-        />
-      </div>
-      }
+      {calendarData.length === 0 ? (
+        <CircularProgress />
+      ) : (
+        <div style={{ width: "100%", background: "#fff", padding: "20px" }}>
+          <ReactECharts
+            option={option}
+            style={{ height: "500px", width: "100%" }}
+          />
+        </div>
+      )}
     </>
-
   );
 };
 
-export default MultiStudentCalendar;
+export default MultiStudentCalendar;