Show full date for graphs

This commit is contained in:
Brandon Presley 2023-11-23 15:04:18 +13:00
parent 9ab07c0114
commit fe68ddfae8
2 changed files with 7 additions and 19 deletions

View File

@ -78,39 +78,31 @@ export default function ViewGraph() {
const weightChart = useMemo(() => {
if (weights === undefined) return null;
let periodFormat = "do";
if (period === Periods.Weekly) periodFormat = "iii";
else if (period === Periods.Yearly) periodFormat = "P";
if (weights.length === 0) return <List.Item title="No data yet." />;
return (
<Chart
data={weights.map((set) => set.weight)}
labels={weights.map((set) =>
format(new Date(set.created), periodFormat)
format(new Date(set.created), "yyyy-MM-d")
)}
/>
);
}, [weights, period]);
}, [weights]);
const volumeChart = useMemo(() => {
if (volumes === undefined) return null;
let periodFormat = "do";
if (period === Periods.Weekly) periodFormat = "iii";
else if (period === Periods.Yearly) periodFormat = "P";
if (volumes.length === 0) return <List.Item title="No data yet." />;
return (
<Chart
data={volumes.map((volume) => volume.value)}
labels={volumes.map((volume) =>
format(new Date(volume.created), periodFormat)
format(new Date(volume.created), "yyyy-MM-d")
)}
/>
);
}, [volumes, period]);
}, [volumes]);
return (
<>

View File

@ -47,19 +47,15 @@ export default function ViewWeightGraph() {
return <List.Item title="No data yet." />;
}
let periodFormat = "do";
if (period === Periods.Weekly) periodFormat = "iii";
else if (period === Periods.Yearly) periodFormat = "P";
return (
<Chart
data={weights.map((set) => set.value)}
labels={weights.map((weight) =>
format(new Date(weight.created), periodFormat)
format(new Date(weight.created), "yyyy-MM-d")
)}
/>
);
}, [weights, period]);
}, [weights]);
return (
<>