New prittier rule. No trailing commas.

contexts/CalenderContext.tsx

@@ -68,7 +68,7 @@ interface CalenderContextState {
 const CalenderContext = createContext({} as CalenderContextState);
 
 const CalenderContextProvider = ({
-  children,
+  children
 }: {
   children: ReactNode;
 }): JSX.Element => {
@@ -81,7 +81,7 @@ const CalenderContextProvider = ({
         3: "Wednesday",
         4: "Thursday",
         5: "Friday",
-        6: "Saturday",
+        6: "Saturday"
       },
       Monday: {
         0: "Monday",
@@ -90,9 +90,9 @@ const CalenderContextProvider = ({
         3: "Thursday",
         4: "Friday",
         5: "Saturday",
-        6: "Sunday",
-      },
-    },
+        6: "Sunday"
+      }
+    }
   };
 
   // Selected month & year
@@ -157,7 +157,7 @@ const CalenderContextProvider = ({
         "Wednesday",
         "Thursday",
         "Friday",
-        "Saturday",
+        "Saturday"
       ],
       Monday: [
         "Monday",
@@ -166,9 +166,9 @@ const CalenderContextProvider = ({
         "Thursday",
         "Friday",
         "Saturday",
-        "Sunday",
-      ],
-    },
+        "Sunday"
+      ]
+    }
   };
 
   //TODO: Create an object of arrays that will align with the days on the week. Make two sets for each start of the week setting.
@@ -193,7 +193,7 @@ const CalenderContextProvider = ({
     selectedDate,
     daysOfMonth,
     daysOfWeek,
-    setDate,
+    setDate
   };
 
   return (

contexts/NewCalenderContext.tsx

@@ -8,7 +8,7 @@ import {
   sub,
   set,
   isAfter,
-  isBefore,
+  isBefore
 } from "date-fns";
 // TODO: import types
 
@@ -72,7 +72,7 @@ interface CalenderContextState {
 const NewCalenderContext = createContext({} as CalenderContextState);
 
 const NewCalenderContextProvider = ({
-  children,
+  children
 }: {
   children: ReactNode;
 }): JSX.Element => {
@@ -85,7 +85,7 @@ const NewCalenderContextProvider = ({
         "Wednesday",
         "Thursday",
         "Friday",
-        "Saturday",
+        "Saturday"
       ],
       monday: [
         "Monday",
@@ -94,30 +94,9 @@ const NewCalenderContextProvider = ({
         "Thursday",
         "Friday",
         "Saturday",
-        "Sunday",
-      ],
-    },
-  };
-
-  const ISOToIndex = {
-    sunday: {
-      Sun: 0,
-      Mon: 1,
-      Tue: 2,
-      Wed: 3,
-      Thu: 4,
-      Fri: 5,
-      Sat: 6,
-    },
-    monday: {
-      Mon: -1,
-      Tue: 0,
-      Wed: 1,
-      Thu: 2,
-      Fri: 3,
-      Sat: 4,
-      Sun: 5,
-    },
+        "Sunday"
+      ]
+    }
   };
 
   const [selectedDate, setSelectedMonth] = useState<Date>(new Date());
@@ -133,18 +112,18 @@ const NewCalenderContextProvider = ({
     prevMonth: {
       date: prevMonth,
       endDay: getDate(endOfMonth(prevMonth)),
-      days: getDate(endOfMonth(prevMonth)),
+      days: getDate(endOfMonth(prevMonth))
     },
     startOfWeek: {
       sunday: {
         layout: weekDays.startOfWeek.sunday,
-        month: {} as Month,
+        month: {} as Month
       },
       monday: {
         layout: weekDays.startOfWeek.monday,
-        month: {} as Month,
-      },
-    },
+        month: {} as Month
+      }
+    }
   });
 
   //TODO Add a function that will populate the "MONTH" layout for the context. It should take in the start of the week (Sunday, Monday) and output the appropriate layout based on that preference.
@@ -172,19 +151,40 @@ const NewCalenderContextProvider = ({
   ): void => {
     const { endDay: endLastMonth } = prevMonth;
 
+    const ISOToIndex = {
+      sunday: {
+        Sun: 0,
+        Mon: 1,
+        Tue: 2,
+        Wed: 3,
+        Thu: 4,
+        Fri: 5,
+        Sat: 6
+      },
+      monday: {
+        Mon: -1,
+        Tue: 0,
+        Wed: 1,
+        Thu: 2,
+        Fri: 3,
+        Sat: 4,
+        Sun: 5
+      }
+    };
+
     const sundays = {
       week1: new Array(7).fill(null),
       week2: new Array(7).fill(null),
       week3: new Array(7).fill(null),
       week4: new Array(7).fill(null),
       week5: new Array(7).fill(null),
-      week6: new Array(7).fill(null),
+      week6: new Array(7).fill(null)
     };
 
     const sunStartDay = endLastMonth - (ISOToIndex.sunday[startOfMonth] - 1);
 
     let sunCurrDate = set(sub(selectedDate, { months: 1 }), {
-      date: sunStartDay,
+      date: sunStartDay
     });
 
     for (let week in sundays) {
@@ -193,7 +193,7 @@ const NewCalenderContextProvider = ({
       thisWeek.forEach((e, i, a) => {
         const day = {
           isOverflow: isOverflow(selectedDate, sunCurrDate),
-          date: sunCurrDate,
+          date: sunCurrDate
         };
         sunCurrDate = add(sunCurrDate, { days: 1 });
 
@@ -207,13 +207,13 @@ const NewCalenderContextProvider = ({
       week3: new Array(7).fill(null),
       week4: new Array(7).fill(null),
       week5: new Array(7).fill(null),
-      week6: new Array(7).fill(null),
+      week6: new Array(7).fill(null)
     };
 
     const monStartDay = endLastMonth - ISOToIndex.monday[startOfMonth];
 
     let monCurrDate = set(sub(selectedDate, { months: 1 }), {
-      date: monStartDay,
+      date: monStartDay
     });
 
     for (let week in mondays) {
@@ -222,7 +222,7 @@ const NewCalenderContextProvider = ({
       thisWeek.forEach((e, i, a) => {
         const day = {
           isOverflow: isOverflow(selectedDate, monCurrDate),
-          date: monCurrDate,
+          date: monCurrDate
         };
         monCurrDate = add(monCurrDate, { days: 1 });
 
@@ -248,7 +248,7 @@ const NewCalenderContextProvider = ({
   //TODO: Add a useEffect that will trigger the update function(s) to run when the selected date is updated.
 
   const calenderContextValues = {
-    selectedMonthInfo,
+    selectedMonthInfo
   };
 
   return (