From 00d6d8edb412e49ba005fc852c6b069ccee3276a Mon Sep 17 00:00:00 2001
From: Lucid Kobold <lucid@lucidcreations.media>
Date: Sun, 5 Dec 2021 16:47:59 -0600
Subject: [PATCH] Updated file names to use default index file.

---
 .../calender/{Calender.tsx => index.tsx}      | 24 ++++++++++++++++---
 1 file changed, 21 insertions(+), 3 deletions(-)
 rename components/calender/{Calender.tsx => index.tsx} (75%)

diff --git a/components/calender/Calender.tsx b/components/calender/index.tsx
similarity index 75%
rename from components/calender/Calender.tsx
rename to components/calender/index.tsx
index 98a81c4..fc91846 100644
--- a/components/calender/Calender.tsx
+++ b/components/calender/index.tsx
@@ -1,10 +1,28 @@
-import React, { useContext } from "react";
+import React, { useContext, useEffect } from "react";
 import { Box, HStack, SimpleGrid, Text, VStack } from "@chakra-ui/react";
 import CalenderNav from "./CalenderNav";
 import { CalenderContext } from "../../contexts/CalenderContext";
 
-const Calender = (): JSX.Element => {
-  const { daysOfMonth, daysOfWeek } = useContext(CalenderContext);
+interface UpdateCalendarProps {
+  year: number;
+  month: number;
+  day: number;
+}
+
+const Calender = (newDate?: UpdateCalendarProps): JSX.Element => {
+  const { daysOfMonth, daysOfWeek, setDate } = useContext(CalenderContext);
+
+  useEffect(() => {
+    if (newDate) {
+      const { year, month, day } = newDate;
+
+      if (year > 0 && month > 0 && day > 0) {
+        setDate(newDate);
+      } else {
+        console.warn("Invalid date format: ", newDate);
+      }
+    }
+  }, [daysOfMonth, daysOfWeek, newDate]);
 
   // Simulated user settings context
   const userSettings = {