Moved interfaces to the interface folder.

components/calender/DatePicker.tsx

@@ -27,12 +27,6 @@ import {
 import FormValidateEmoji from "./FormValidateEmoji";
 import { CalenderContext } from "../../contexts/CalenderContext";
 
-interface UpdateCalendarProps {
-  year: number;
-  month: number;
-  day: number;
-}
-
 const DatePicker = (): JSX.Element => {
   const { title } = useContext(CalenderContext);
 

components/calender/index.tsx

@@ -6,12 +6,6 @@ import { format } from "date-fns";
 import Day from "./Day";
 // TODO: import types
 
-interface UpdateCalendarProps {
-  year: number;
-  month: number;
-  day: number;
-}
-
 const Calender = (newDate?: UpdateCalendarProps): JSX.Element => {
   const { selectedDate, layout, updateDate } = useContext(CalenderContext);
 

pages/calendar/[...date].tsx

@@ -5,12 +5,6 @@ import ErrorPage from "next/error";
 import Calender from "../../components/calender";
 import { CalenderContextProvider } from "../../contexts/CalenderContext";
 
-interface UpdateCalendarProps {
-  year: number;
-  month: number;
-  day: number;
-}
-
 const DateRoute: React.FC<unknown> = () => {
   const router = useRouter();
   const { date: slug } = router.query;

pages/index.tsx

@@ -4,12 +4,6 @@ import Calender from "../components/calender";
 import { CalenderContextProvider } from "../contexts/CalenderContext";
 import { format } from "date-fns";
 
-interface UpdateCalendarProps {
-  year: number;
-  month: number;
-  day: number;
-}
-
 const IndexPage = (): JSX.Element => {
   const date = useRef<UpdateCalendarProps>({
     year: parseInt(format(new Date(), "y")),

types/CalenderContext.d.ts

@@ -66,6 +66,12 @@ interface UpdateCalendarProps {
   day: number;
 }
 
+interface UpdateCalendarProps {
+  year: number;
+  month: number;
+  day: number;
+}
+
 interface CalenderContextState {
   selectedDate: Date;
   title: string;