Show weight chart period for clarity

pkirilin · Oct 6, 2024 · 68bad72 · 68bad72
1 parent 1383b67
commit 68bad72
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/frontend/src/pages/ui/WeightPage.tsx b/src/frontend/src/pages/ui/WeightPage.tsx
@@ -1,3 +1,4 @@
+import { Typography } from '@mui/material';
 import { type FC } from 'react';
 import { useLoaderData, type LoaderFunction } from 'react-router-dom';
 import { store } from '@/app/store';
@@ -39,9 +40,14 @@ export const loader: LoaderFunction = async () => {
 
 export const Component: FC = () => {
   const { weightLogsRequest } = useLoaderData() as LoaderData;
+  const from = dateLib.formatToUserFriendlyString(weightLogsRequest.from);
+  const to = dateLib.formatToUserFriendlyString(weightLogsRequest.to);
 
   return (
     <>
+      <Typography variant="h6" component="h1">
+        {from} — {to}
+      </Typography>
       <WeightChart weightLogsRequest={weightLogsRequest} />
       <WeightLogsList weightLogsRequest={weightLogsRequest} />
     </>

diff --git a/src/frontend/src/widgets/WeightChart/ui/WeightChart.tsx b/src/frontend/src/widgets/WeightChart/ui/WeightChart.tsx
@@ -45,7 +45,6 @@ export const WeightChart: FC<Props> = ({ weightLogsRequest }) => {
       }}
       dataset={dataset}
       height={300}
-      margin={{ top: 16 }}
     />
   );
 };