fixed issue with google calendar imports, only show button when duties are assigned

Author: mckeenicholas

src/lib/utils.ts

@@ -181,6 +181,14 @@ export const generateIcs = (assignments, wcif, fileName: string) => {
     const startDate = new Date(item.activity.startTime);
     const endDate = new Date(item.activity.endTime);
 
+    let alarm = [
+      {
+        action: 'display',
+        description: titleFormatted,
+        trigger: { minutes: 5, before: true },
+      },
+    ];
+
     const startDateArray: ics.DateArray = [
       startDate.getFullYear(),
       startDate.getMonth() + 1, // Months are 1-indexed in ics format
@@ -209,6 +217,7 @@ export const generateIcs = (assignments, wcif, fileName: string) => {
       ...(wcif.schedule.venues.length > 1 ? {} : { geo: location }),
       start: startDateArray,
       end: endDateArray,
+      alarms: alarm,
     };
 
     events.push(icalEvent);
@@ -228,6 +237,5 @@ export const generateIcs = (assignments, wcif, fileName: string) => {
 
   document.body.appendChild(a);
   a.click();
-
   document.body.removeChild(a);
 };

src/pages/Competition/Person/index.tsx

@@ -441,20 +441,24 @@ export default function PersonPage() {
       <DisclaimerText />
       <hr className="my-2" />
       {person?.assignments && person.assignments.length > 0 ? (
-        renderAssignments()
+        <div>
+          {renderAssignments()}
+          <div className="flex items-center justify-center">
+            <button
+              onClick={() =>
+                generateIcs(assignmentsWithParsedDate, wcif, `${wcif?.name} ${person.name}`)
+              }
+              className="my-2 bg-white text-blue-500 border border-blue-500 p-2 rounded-md"
+              style={{ width: '300px' }}>
+              Download Calendar Export
+            </button>
+          </div>
+        </div>
       ) : (
-        <div>No Assignments</div>
+        <div className="flex items-center justify-center">
+          <div>No Assignments</div>
+        </div>
       )}
-      <div className="flex items-center justify-center">
-        <button
-          onClick={() =>
-            generateIcs(assignmentsWithParsedDate, wcif, `${wcif?.name} ${person.name}`)
-          }
-          className="my-2 bg-white text-blue-500 border border-blue-500 p-2 rounded-md"
-          style={{ width: '300px' }}>
-          Download Calendar Export
-        </button>
-      </div>
     </div>
   );
 }