wkc/lcm-potty-chart
Archived
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

Updated current components to use the new calender context. Added nav function to calender context.

Browse Source
This commit is contained in:
Lucid Kobold
2021-12-29 17:01:30 -06:00
parent 83b3285736
commit 679b443308
6 changed files with 57 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
components/calender/index.tsx
View File

@@ -1,7 +1,6 @@
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";
import { NewCalenderContext } from "../../contexts/NewCalenderContext";
import { getDate } from "date-fns";
// TODO: import types
@@ -13,20 +12,19 @@ interface UpdateCalendarProps {
}
const Calender = (newDate?: UpdateCalendarProps): JSX.Element => {
const { daysOfMonth, daysOfWeek, setDate } = useContext(CalenderContext);
const { layout } = useContext(NewCalenderContext);
const { layout, updateDate } = useContext(NewCalenderContext);
useEffect(() => {
if (newDate) {
const { year, month, day } = newDate;
if (year > 0 && month > 0 && day > 0) {
setDate(newDate);
updateDate(newDate);
} else {
console.warn("Invalid date format: ", newDate);
}
}
}, [daysOfMonth, daysOfWeek, newDate, setDate]);
}, [newDate, updateDate]);
// Simulated user settings context
const userSettings = {
@@ -39,7 +37,6 @@ const Calender = (newDate?: UpdateCalendarProps): JSX.Element => {
return (
<VStack h="100vh" w="100%">
{/* <NewContext /> */}
<CalenderNav />
<HStack
px={6}