Upgrade frontend dependencies and tooling
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
This commit is contained in:
32 files changed
+5721
-16954
No files matched your search
@@ -2,7 +2,7 @@ import { useQuery } from "@apollo/client";
|
||||
import { Bar, BarDatum } from "@nivo/bar";
|
||||
import React from "react";
|
||||
|
||||
import { OrderStatsDocument, OrderStatsByTime } from "../../types";
|
||||
import { OrderStatsDocument, SchemaOrderStatsByTime } from "../../types";
|
||||
import { StatsView } from "./StatsView";
|
||||
|
||||
const days = { 1: "Mandag", 2: "Tirsdag", 3: "Onsdag", 4: "Torsdag", 5: "Fredag", 6: "Lørdag", 7: "Søndag" };
|
||||
@@ -42,7 +42,7 @@ const OrderStats = () => {
|
||||
<StatsView loading={loading}>
|
||||
<h3>Ordre per time</h3>
|
||||
<OrderBar
|
||||
data={(data?.orderStats?.hourly || []).map((stat: OrderStatsByTime) => ({
|
||||
data={(data?.orderStats?.hourly || []).map((stat: SchemaOrderStatsByTime) => ({
|
||||
id: `${stat.period.toString().padStart(2, "0")}:00`,
|
||||
label: stat.period,
|
||||
value: stat.count,
|
||||
@@ -50,7 +50,7 @@ const OrderStats = () => {
|
||||
/>
|
||||
<h3>Ordre per ukedag</h3>
|
||||
<OrderBar
|
||||
data={(data?.orderStats?.daily || []).map((stat: OrderStatsByTime) => ({
|
||||
data={(data?.orderStats?.daily || []).map((stat: SchemaOrderStatsByTime) => ({
|
||||
/* @ts-expect-error Here, stat.period can only be a key in days range. */
|
||||
id: days[stat.period],
|
||||
label: stat.period,
|
||||
@@ -59,7 +59,7 @@ const OrderStats = () => {
|
||||
/>
|
||||
<h3>Ordre per måned</h3>
|
||||
<OrderBar
|
||||
data={(data?.orderStats?.monthly || []).map((stat: OrderStatsByTime) => ({
|
||||
data={(data?.orderStats?.monthly || []).map((stat: SchemaOrderStatsByTime) => ({
|
||||
/* @ts-expect-error Here, stat.period can only be a key in months range. */
|
||||
id: months[stat.period],
|
||||
label: stat.period,
|
||||
@@ -68,7 +68,7 @@ const OrderStats = () => {
|
||||
/>
|
||||
<h3>Ordre per år</h3>
|
||||
<OrderBar
|
||||
data={(data?.orderStats?.yearly || []).map((stat: OrderStatsByTime) => ({
|
||||
data={(data?.orderStats?.yearly || []).map((stat: SchemaOrderStatsByTime) => ({
|
||||
id: stat.period,
|
||||
label: stat.period,
|
||||
value: stat.count,
|
||||
|
||||
@@ -8,14 +8,13 @@ import { StatsView } from "./StatsView";
|
||||
const Stats = () => {
|
||||
const { data, loading } = useQuery(ProductStatsDocument);
|
||||
|
||||
const series: any[] = [];
|
||||
(data?.productStats || [])?.forEach(({ productName: id, data }) => {
|
||||
const lineData: any[] = [];
|
||||
data.forEach((point, index) => {
|
||||
lineData.push({ x: point.x, y: point.y + (lineData?.[index - 1]?.y || 0) });
|
||||
});
|
||||
series.push({ id, data: lineData });
|
||||
});
|
||||
const series = (data?.productStats || []).map(({ productName: id, data }) => ({
|
||||
id,
|
||||
data: data.map((point, index, points) => ({
|
||||
x: point.x,
|
||||
y: point.y + (points[index - 1]?.y || 0),
|
||||
})),
|
||||
}));
|
||||
|
||||
return (
|
||||
<StatsView loading={loading}>
|
||||
@@ -59,8 +58,8 @@ const Stats = () => {
|
||||
<strong>{point.data.xFormatted}</strong>
|
||||
</div>
|
||||
<div>
|
||||
<span style={{ background: point.serieColor, width: 13, height: 13, display: "inline-block" }} />{" "}
|
||||
<strong>{point.data.yFormatted}</strong> {point.serieId}
|
||||
<span style={{ background: point.seriesColor, width: 13, height: 13, display: "inline-block" }} />{" "}
|
||||
<strong>{String(point.data.yFormatted)}</strong> {point.seriesId}
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
Reference in new issue
Block a user