diff --git a/src/components/calender/Day.tsx b/src/components/calender/Day.tsx index 54fa7d2..2c9c6dd 100644 --- a/src/components/calender/Day.tsx +++ b/src/components/calender/Day.tsx @@ -1,7 +1,7 @@ import React, { useState } from "react"; import { Provider } from "react-redux"; import { store } from "../../app/store"; -import { Box, Skeleton, Text, VStack } from "@chakra-ui/react"; +import { Box, Skeleton, VStack } from "@chakra-ui/react"; import { add, getYear, @@ -113,13 +113,7 @@ const Day = ({ alignContent="center" justifyContent="flex-start" > - + {`${getDate(currDateObj)}`} {isLoading ? ( @@ -145,8 +139,8 @@ const Day = ({ : tutorial === "edit" && !isToday && isBefore(currDateObj, endOfDay(currDate)) - ? "gray.600" - : "transparent" + ? "gray.600" + : "transparent" : "transparent" } border={ @@ -156,8 +150,8 @@ const Day = ({ : tutorial === "edit" && !isToday && isBefore(currDateObj, endOfDay(currDate)) - ? "1px solid #00ff3c" - : "1px solid #0068ff" + ? "1px solid #00ff3c" + : "1px solid #0068ff" : "1px solid #0068ff" } onClick={() => { @@ -178,39 +172,29 @@ const Day = ({ : tutorial === "edit" && !isToday && isBefore(currDateObj, endOfDay(currDate)) - ? "gray.600" - : "transparent" + ? "gray.600" + : "transparent" : "transparent", border: "1px solid #FFF" }} > - {isToday ? - ( - - {`${getDate(currDateObj)}`} - - ) - : - ( - - {`${getDate(currDateObj)}`} - - ) - } + {isToday ? ( + + {`${getDate(currDateObj)}`} + + ) : ( + + {`${getDate(currDateObj)}`} + + )} {isLoading ? (