feat: Update styling for HealthyHabitsHistory

src/components/ClientDashboard/HealthyHabits/HealthyHabitsHistory/WeightLineChart.tsx

@@ -30,7 +30,7 @@ export default function WeightLineChart({
     <Box
       sx={{
         height: 200,
-        width: "90vw",
+        width: "100%",
       }}
     >
       <Typography variant="h6" sx={{ marginBottom: 2 }}>
@@ -51,6 +51,7 @@ export default function WeightLineChart({
             data: chartData.map((item) => item.y),
             label: "Weight (lbs)",
             color: theme.palette.primary.main,
+            curve: "linear",
           },
         ]}
       />

src/components/ClientDashboard/HealthyHabits/HealthyHabitsHistory/index.tsx

@@ -16,6 +16,7 @@ export default function HealthyHabitsHistory({
   return (
     <Box
       sx={{
+        width: "min(90vw, 700px)",
         display: "flex",
         flexDirection: "column",
         justifyContent: "center",

src/components/ClientDashboard/HealthyHabits/index.tsx

@@ -7,24 +7,7 @@ import HealthyHabitsInfo from "@/components/ClientDashboard/HealthyHabits/Health
 import HealthyHabitsTracking from "@/components/ClientDashboard/HealthyHabits/HealthyHabitsTracking";
 import { HealthyHabitsTrackingForm } from "@/types";
 
-export type HealthyHabitsSections = "tracking" | "history" | "info";
-
-function getSectionContent(
-  section: HealthyHabitsSections,
-  email: string,
-  trackingForms: HealthyHabitsTrackingForm[],
-) {
-  switch (section) {
-    case "tracking":
-      return <HealthyHabitsTracking email={email} />;
-    case "history":
-      return <HealthyHabitsHistory trackingForms={trackingForms} />;
-    case "info":
-      return <HealthyHabitsInfo />;
-    default:
-      return <Typography>Invalid section</Typography>;
-  }
-}
+type HealthyHabitsSections = "tracking" | "history" | "info";
 
 type HealthyHabitsProps = {
   email: string;
@@ -45,6 +28,19 @@ export default function HealthyHabits({
     setSelectedSection(newValue);
   };
 
+  function getSectionContent(section: HealthyHabitsSections) {
+    switch (section) {
+      case "tracking":
+        return <HealthyHabitsTracking email={email} />;
+      case "history":
+        return <HealthyHabitsHistory trackingForms={trackingForms} />;
+      case "info":
+        return <HealthyHabitsInfo />;
+      default:
+        return <Typography>Invalid section</Typography>;
+    }
+  }
+
   return (
     <>
       <Box
@@ -71,9 +67,7 @@ export default function HealthyHabits({
         </Tabs>
       </Box>
       <Divider sx={{ width: "80vw", marginTop: 2 }} />
-      <Box sx={{ marginTop: 3 }}>
-        {getSectionContent(selectedSection, email, trackingForms)}
-      </Box>
+      <Box sx={{ marginTop: 3 }}>{getSectionContent(selectedSection)}</Box>
     </>
   );
 }

src/server/api/healthy-habits-tracking-forms/queries.ts

@@ -1,7 +1,6 @@
 import dbConnect from "@/server/dbConnect";
 import { HealthyHabitsTrackingFormModel } from "@/server/models";
 import { ApiResponse, HealthyHabitsTrackingForm } from "@/types";
-import apiErrors from "@/utils/constants/apiErrors";
 import handleMongooseError from "@/utils/handleMongooseError";
 
 type HealthyHabitsTrackingFormFilters = Partial<HealthyHabitsTrackingForm>;
@@ -17,13 +16,6 @@ async function getHealthyHabitsTrackingForms(
         .lean<HealthyHabitsTrackingForm[]>()
         .exec();
 
-    if (!healthyHabitsTrackingForms) {
-      return [
-        null,
-        apiErrors.healthyHabitsTrackingForm.healthyHabitsTrackingFormNotFound,
-      ];
-    }
-
     // convert ObjectId to string
     healthyHabitsTrackingForms.forEach((healthyHabitsTrackingForm) => {
       healthyHabitsTrackingForm._id = String(healthyHabitsTrackingForm._id);