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

Calender nav #42

Merged
LucidKobold merged 20 commits from calender-nav into main 2022-03-27 02:48:04 -04:00
Conversation 1 Commits 20 Files Changed 8 +163 -127
8 changed files with 163 additions and 127 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 39b9a13e39 - Show all commits

2
components/calender/CalenderNav.tsx
View File

@@ -3,7 +3,7 @@ import { useRouter } from "next/router";
import { HStack, IconButton } from "@chakra-ui/react"; import { HStack, IconButton } from "@chakra-ui/react";
import { Icon } from "@iconify/react"; import { Icon } from "@iconify/react";
import { sub, add, format, isSameMonth } from "date-fns"; import { sub, add, format, isSameMonth } from "date-fns";
import findValidDateRange from "../../lib/findValidDateRange" import findValidDateRange from "../../lib/findValidDateRange";
import DatePicker from "./DatePicker"; import DatePicker from "./DatePicker";
import { CalenderContext } from "../../contexts/CalenderContext"; import { CalenderContext } from "../../contexts/CalenderContext";

7
lib/findValidDateRange.ts
View File

@@ -1,7 +1,4 @@
import { import { startOfMonth, endOfMonth } from "date-fns";
startOfMonth,
endOfMonth
} from "date-fns";
interface ValidDateRange { interface ValidDateRange {
start: Date; start: Date;
@@ -19,4 +16,4 @@ const validDateRange = (): ValidDateRange => {
}; };
}; };
export default validDateRange export default validDateRange;

15
pages/calendar/[...date].tsx
View File

@@ -1,8 +1,8 @@
import React, { useEffect, useState, useContext } from "react"; import React, { useEffect, useState } from "react";
import { Box } from "@chakra-ui/react"; import { Box } from "@chakra-ui/react";
import { useRouter } from "next/router"; import { useRouter } from "next/router";
import { endOfMonth, getDay } from "date-fns"; import { endOfMonth, getDay } from "date-fns";
import findValidDateRange from "../../lib/findValidDateRange" // import findValidDateRange from "../../lib/findValidDateRange";
import ErrorPage from "next/error"; import ErrorPage from "next/error";
import Calender from "../../components/calender"; import Calender from "../../components/calender";
import { CalenderContextProvider } from "../../contexts/CalenderContext"; import { CalenderContextProvider } from "../../contexts/CalenderContext";
@@ -12,8 +12,8 @@ const DateRoute: React.FC<unknown> = () => {
const router = useRouter(); const router = useRouter();
const { date: slug } = router.query; const { date: slug } = router.query;
const validDateRange = findValidDateRange(); // const validDateRange = findValidDateRange();
const { start: validStart, end: validEnd } = validDateRange; // const { start: validStart, end: validEnd } = validDateRange;
const [date, setDate] = useState<UpdateCalendarProps | null>(null); const [date, setDate] = useState<UpdateCalendarProps | null>(null);
@@ -62,7 +62,8 @@ const DateRoute: React.FC<unknown> = () => {
// } // }
useEffect(() => {2 useEffect(() => {
2;
if (slug && slug.length === 1 && slug[0] !== "now") { if (slug && slug.length === 1 && slug[0] !== "now") {
setError(true); setError(true);
return console.warn("improper date input"); return console.warn("improper date input");
@@ -83,9 +84,7 @@ const DateRoute: React.FC<unknown> = () => {
}); });
} }
} }
}, [slug]);
console.info("Context:", calenderContext)
}, [slug, calenderContext]);
if (router.isFallback) { if (router.isFallback) {
return <ErrorPage statusCode={404} />; return <ErrorPage statusCode={404} />;