Calender Navigation #13
@@ -1,25 +0,0 @@
|
|||||||
import * as React from "react";
|
|
||||||
import { useState } from "react";
|
|
||||||
// TODO: import types
|
|
||||||
|
|
||||||
const DateContext = React.createContext<any | null>(null);
|
|
||||||
|
|
||||||
function DateContextProvider({
|
|
||||||
children,
|
|
||||||
}: {
|
|
||||||
children: React.ReactNode;
|
|
||||||
}): React.ReactElement | null {
|
|
||||||
const [currentDate] = useState<Date>(new Date());
|
|
||||||
|
|
||||||
const dateProviderValues = {
|
|
||||||
currentDate,
|
|
||||||
};
|
|
||||||
|
|
||||||
return (
|
|
||||||
<DateContext.Provider value={dateProviderValues}>
|
|
||||||
{children}
|
|
||||||
</DateContext.Provider>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
export { DateContextProvider, DateContext };
|
|
||||||
25
contexts/dateContext.tsx
Normal file
25
contexts/dateContext.tsx
Normal file
@@ -0,0 +1,25 @@
|
|||||||
|
import * as React from "react";
|
||||||
|
import { useState } from "react";
|
||||||
|
// TODO: import types
|
||||||
|
|
||||||
|
const CalenderContext = React.createContext<any | null>(null);
|
||||||
|
|
||||||
|
function CalenderContextProvider({
|
||||||
|
children,
|
||||||
|
}: {
|
||||||
|
children: React.ReactNode;
|
||||||
|
}): React.ReactElement | null {
|
||||||
|
const [today] = useState<Date>(new Date());
|
||||||
|
|
||||||
|
const dateProviderValues = {
|
||||||
|
today,
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<CalenderContext.Provider value={dateProviderValues}>
|
||||||
|
{children}
|
||||||
|
</CalenderContext.Provider>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export { CalenderContextProvider, CalenderContext };
|
||||||
Reference in New Issue
Block a user