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