From b2fc727debd11ce16bff07dc9f61274efb21f5b1 Mon Sep 17 00:00:00 2001 From: Lucid Kobold Date: Thu, 25 Nov 2021 18:36:38 -0600 Subject: [PATCH] Fixed file names and structure. Fixed module imports. Installed iconify. --- .../index.tsx => components/calender/Calender.tsx | 2 +- .../nav.tsx => components/calender/CalenderNav.tsx | 2 +- package.json | 2 +- pages/index.tsx | 12 +++--------- 4 files changed, 6 insertions(+), 12 deletions(-) rename component/calender/index.tsx => components/calender/Calender.tsx (98%) rename component/calender/nav.tsx => components/calender/CalenderNav.tsx (94%) diff --git a/component/calender/index.tsx b/components/calender/Calender.tsx similarity index 98% rename from component/calender/index.tsx rename to components/calender/Calender.tsx index 0d0c973..f6f6a76 100644 --- a/component/calender/index.tsx +++ b/components/calender/Calender.tsx @@ -1,7 +1,7 @@ import React from "react"; import { Box, HStack, SimpleGrid, Text, VStack } from "@chakra-ui/react"; import { endOfMonth, getDate } from "date-fns"; -import CalenderNav from "./nav"; +import CalenderNav from "./CalenderNav"; const Calender = (): JSX.Element => { const today = new Date(); diff --git a/component/calender/nav.tsx b/components/calender/CalenderNav.tsx similarity index 94% rename from component/calender/nav.tsx rename to components/calender/CalenderNav.tsx index b62504a..5e6903d 100644 --- a/component/calender/nav.tsx +++ b/components/calender/CalenderNav.tsx @@ -1,7 +1,7 @@ import React from "react"; import { Heading, HStack, IconButton } from "@chakra-ui/react"; import { Icon } from "@iconify/react"; -import { format } from "date-fns/esm"; +import { format } from "date-fns"; const CalenderNav = (): JSX.Element => { const today = new Date(); diff --git a/package.json b/package.json index 0385b53..6ae99b8 100644 --- a/package.json +++ b/package.json @@ -19,7 +19,6 @@ "@chakra-ui/react": "^1.7.2", "@emotion/react": "^11.6.0", "@emotion/styled": "^11.6.0", - "@iconify/react": "^3.1.0", "@types/react": "^17.0.37", "date-fns": "^2.26.0", "framer-motion": "^5.3.3", @@ -29,6 +28,7 @@ "sharp": "^0.29.3" }, "devDependencies": { + "@iconify/react": "^3.1.0", "@typescript-eslint/eslint-plugin": "^5.4.0", "eslint": "<8.0.0", "eslint-config-next": "12.0.3", diff --git a/pages/index.tsx b/pages/index.tsx index 37f34cd..8a1bedd 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -1,17 +1,11 @@ import React from "react"; -import { Box, Heading } from "@chakra-ui/react"; -import Calender from "../component/calender"; +import { Box } from "@chakra-ui/react"; +import Calender from "../components/calender/Calender"; const IndexPage = (): JSX.Element => { return ( - {Calender ? ( - - ) : ( - - Hello World - - )} + ); };