Show full date for graphs
This commit is contained in:
parent
9ab07c0114
commit
fe68ddfae8
|
@ -78,39 +78,31 @@ export default function ViewGraph() {
|
||||||
const weightChart = useMemo(() => {
|
const weightChart = useMemo(() => {
|
||||||
if (weights === undefined) return null;
|
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." />;
|
if (weights.length === 0) return <List.Item title="No data yet." />;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Chart
|
<Chart
|
||||||
data={weights.map((set) => set.weight)}
|
data={weights.map((set) => set.weight)}
|
||||||
labels={weights.map((set) =>
|
labels={weights.map((set) =>
|
||||||
format(new Date(set.created), periodFormat)
|
format(new Date(set.created), "yyyy-MM-d")
|
||||||
)}
|
)}
|
||||||
/>
|
/>
|
||||||
);
|
);
|
||||||
}, [weights, period]);
|
}, [weights]);
|
||||||
|
|
||||||
const volumeChart = useMemo(() => {
|
const volumeChart = useMemo(() => {
|
||||||
if (volumes === undefined) return null;
|
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." />;
|
if (volumes.length === 0) return <List.Item title="No data yet." />;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Chart
|
<Chart
|
||||||
data={volumes.map((volume) => volume.value)}
|
data={volumes.map((volume) => volume.value)}
|
||||||
labels={volumes.map((volume) =>
|
labels={volumes.map((volume) =>
|
||||||
format(new Date(volume.created), periodFormat)
|
format(new Date(volume.created), "yyyy-MM-d")
|
||||||
)}
|
)}
|
||||||
/>
|
/>
|
||||||
);
|
);
|
||||||
}, [volumes, period]);
|
}, [volumes]);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
|
|
|
@ -47,19 +47,15 @@ export default function ViewWeightGraph() {
|
||||||
return <List.Item title="No data yet." />;
|
return <List.Item title="No data yet." />;
|
||||||
}
|
}
|
||||||
|
|
||||||
let periodFormat = "do";
|
|
||||||
if (period === Periods.Weekly) periodFormat = "iii";
|
|
||||||
else if (period === Periods.Yearly) periodFormat = "P";
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Chart
|
<Chart
|
||||||
data={weights.map((set) => set.value)}
|
data={weights.map((set) => set.value)}
|
||||||
labels={weights.map((weight) =>
|
labels={weights.map((weight) =>
|
||||||
format(new Date(weight.created), periodFormat)
|
format(new Date(weight.created), "yyyy-MM-d")
|
||||||
)}
|
)}
|
||||||
/>
|
/>
|
||||||
);
|
);
|
||||||
}, [weights, period]);
|
}, [weights]);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
|
|
Loading…
Reference in New Issue
Block a user