Merge pull request #155 from tahmid-saj/dev-general-cleanup-3

scrollbar for calories burned

src/components/signed-in/calories-burned/schedule/schedule-day-info/schedule-day-info.styles.jsx

@@ -1,8 +1,12 @@
 import styled from "styled-components";
+import { COLOR_CODES } from "../../../../../utils/constants/shared.constants";
 
 export const CaloriesBurnedScheduleDayInfo = styled.div`
  display: flex;
- justify-content: center;
  align-items: center;
- padding: 2% 2% 2% 2%;
+ padding: 2% 2% 0.5% 2%;
+
+ overflow: auto;
+ scrollbar-color: ${COLOR_CODES.scrollbar.scroll} ${COLOR_CODES.scrollbar.background};
+ scrollbar-width: thin;
 `

src/components/signed-in/dashboard/calories-burned/schedule/schedule-day-info/schedule-day-info.styles.jsx

@@ -1,8 +1,12 @@
 import styled from "styled-components";
+import { COLOR_CODES } from "../../../../../../utils/constants/shared.constants";
 
 export const CaloriesBurnedScheduleDayInfo = styled.div`
  display: flex;
- justify-content: center;
  align-items: center;
- padding: 2% 2% 2% 2%;
+ padding: 2% 2% 0.5% 2%;
+
+ overflow: auto;
+ scrollbar-color: ${COLOR_CODES.scrollbar.scroll} ${COLOR_CODES.scrollbar.background};
+ scrollbar-width: thin;
 `

src/components/signed-out/calories-burned/schedule/schedule-day-info/schedule-day-info.styles.jsx

@@ -1,8 +1,12 @@
 import styled from "styled-components";
+import { COLOR_CODES } from "../../../../../utils/constants/shared.constants";
 
 export const CaloriesBurnedScheduleDayInfo = styled.div`
  display: flex;
- justify-content: center;
  align-items: center;
- padding: 2% 2% 2% 2%;
+ padding: 2% 2% 0.5% 2%;
+
+ overflow: auto;
+ scrollbar-color: ${COLOR_CODES.scrollbar.scroll} ${COLOR_CODES.scrollbar.background};
+ scrollbar-width: thin;
 `

src/components/signed-out/dashboard/calories-burned/schedule/schedule-day-info/schedule-day-info.styles.jsx

@@ -1,8 +1,12 @@
 import styled from "styled-components";
+import { COLOR_CODES } from "../../../../../../utils/constants/shared.constants";
 
 export const CaloriesBurnedScheduleDayInfo = styled.div`
  display: flex;
- justify-content: center;
  align-items: center;
- padding: 2% 2% 2% 2%;
+ padding: 2% 2% 0.5% 2%;
+
+ overflow: auto;
+ scrollbar-color: ${COLOR_CODES.scrollbar.scroll} ${COLOR_CODES.scrollbar.background};
+ scrollbar-width: thin;
 `

src/pages/signed-out/calories-burned/calories-burned.component.jsx

@@ -20,7 +20,10 @@ import ScheduleCalendar from "../../../components/signed-out/calories-burned/sch
 import ScheduleDayInfo from "../../../components/signed-out/calories-burned/schedule/schedule-day-info/schedule-day-info.component"
 import { Typography } from "@mui/material"
 
-
+import SummarizeIcon from '@mui/icons-material/Summarize';
+import FilterAltIcon from '@mui/icons-material/FilterAlt';
+import AddIcon from '@mui/icons-material/Add';
+import ItemTabs from "../../../components/shared/mui/tabs/tabs.component.jsx"
 
 const CaloriesBurned = () => {
  const { trackedCaloriesBurned, scheduledTrackedCaloriesBurnedView } = useContext(CaloriesBurnedContext)