From 4857b72804b27e409aca0078a468dddf1ca1dfc4 Mon Sep 17 00:00:00 2001
From: ajnart <49837342+ajnart@users.noreply.github.com>
Date: Mon, 15 Jun 2026 14:14:28 +0000
Subject: [PATCH] style: auto-fix lint and format

---
 .../src/beszel-system-stats/component.tsx     | 68 ++++++++++++++--
 packages/widgets/src/beszel/_shared/chart.tsx | 78 ++++++++++---------
 2 files changed, 100 insertions(+), 46 deletions(-)

diff --git a/packages/widgets/src/beszel-system-stats/component.tsx b/packages/widgets/src/beszel-system-stats/component.tsx
index d5517e6ef..96fbc9945 100644
--- a/packages/widgets/src/beszel-system-stats/component.tsx
+++ b/packages/widgets/src/beszel-system-stats/component.tsx
@@ -232,7 +232,14 @@ export default function BeszelSystemStatsWidget({
               <BeszelChartPanel
                 title={t("chart.cpu.title")}
                 subtitle={t("chart.cpu.subtitle")}
-                chartProps={{ h: CHART_HEIGHT, data: cpuData, series: cpuSeries, yAxisFormatter: chartAxisFormatters.percent, yAxisDomain: CPU_Y_AXIS_DOMAIN, tooltipProps: tooltipPercent }}
+                chartProps={{
+                  h: CHART_HEIGHT,
+                  data: cpuData,
+                  series: cpuSeries,
+                  yAxisFormatter: chartAxisFormatters.percent,
+                  yAxisDomain: CPU_Y_AXIS_DOMAIN,
+                  tooltipProps: tooltipPercent,
+                }}
               />
             )}
 
@@ -240,7 +247,14 @@ export default function BeszelSystemStatsWidget({
               <BeszelChartPanel
                 title={t("chart.memory.title")}
                 subtitle={t("chart.memory.subtitle")}
-                chartProps={{ h: CHART_HEIGHT, data: memoryData, type: "stacked", series: memorySeries, yAxisFormatter: chartAxisFormatters.gb, tooltipProps: tooltipGB }}
+                chartProps={{
+                  h: CHART_HEIGHT,
+                  data: memoryData,
+                  type: "stacked",
+                  series: memorySeries,
+                  yAxisFormatter: chartAxisFormatters.gb,
+                  tooltipProps: tooltipGB,
+                }}
               />
             )}
 
@@ -248,7 +262,13 @@ export default function BeszelSystemStatsWidget({
               <BeszelChartPanel
                 title={t("chart.disk.title")}
                 subtitle={t("chart.disk.subtitle")}
-                chartProps={{ h: CHART_HEIGHT, data: diskData, series: diskSeries, yAxisFormatter: chartAxisFormatters.gb, tooltipProps: tooltipGB }}
+                chartProps={{
+                  h: CHART_HEIGHT,
+                  data: diskData,
+                  series: diskSeries,
+                  yAxisFormatter: chartAxisFormatters.gb,
+                  tooltipProps: tooltipGB,
+                }}
               />
             )}
 
@@ -256,7 +276,13 @@ export default function BeszelSystemStatsWidget({
               <BeszelChartPanel
                 title={t("chart.diskIO.title")}
                 subtitle={t("chart.diskIO.subtitle")}
-                chartProps={{ h: CHART_HEIGHT, data: diskIOData, series: diskIOSeries, yAxisFormatter: chartAxisFormatters.rate, tooltipProps: tooltipRate }}
+                chartProps={{
+                  h: CHART_HEIGHT,
+                  data: diskIOData,
+                  series: diskIOSeries,
+                  yAxisFormatter: chartAxisFormatters.rate,
+                  tooltipProps: tooltipRate,
+                }}
               />
             )}
 
@@ -264,7 +290,13 @@ export default function BeszelSystemStatsWidget({
               <BeszelChartPanel
                 title={t("chart.network.title")}
                 subtitle={t("chart.network.subtitle")}
-                chartProps={{ h: CHART_HEIGHT, data: networkData, series: networkSeries, yAxisFormatter: chartAxisFormatters.rate, tooltipProps: tooltipRate }}
+                chartProps={{
+                  h: CHART_HEIGHT,
+                  data: networkData,
+                  series: networkSeries,
+                  yAxisFormatter: chartAxisFormatters.rate,
+                  tooltipProps: tooltipRate,
+                }}
               />
             )}
 
@@ -274,7 +306,14 @@ export default function BeszelSystemStatsWidget({
                   <BeszelChartPanel
                     title={t("chart.dockerCpu.title")}
                     subtitle={t("chart.dockerCpu.subtitle")}
-                    chartProps={{ h: CHART_HEIGHT, data: dockerCpuData, type: "stacked", series: containerSeries, yAxisFormatter: chartAxisFormatters.percent, tooltipProps: tooltipPercentTotal }}
+                    chartProps={{
+                      h: CHART_HEIGHT,
+                      data: dockerCpuData,
+                      type: "stacked",
+                      series: containerSeries,
+                      yAxisFormatter: chartAxisFormatters.percent,
+                      tooltipProps: tooltipPercentTotal,
+                    }}
                   />
                 )}
 
@@ -282,7 +321,14 @@ export default function BeszelSystemStatsWidget({
                   <BeszelChartPanel
                     title={t("chart.dockerMemory.title")}
                     subtitle={t("chart.dockerMemory.subtitle")}
-                    chartProps={{ h: CHART_HEIGHT, data: dockerMemData, type: "stacked", series: containerSeries, yAxisFormatter: chartAxisFormatters.bytes, tooltipProps: tooltipBytesTotal }}
+                    chartProps={{
+                      h: CHART_HEIGHT,
+                      data: dockerMemData,
+                      type: "stacked",
+                      series: containerSeries,
+                      yAxisFormatter: chartAxisFormatters.bytes,
+                      tooltipProps: tooltipBytesTotal,
+                    }}
                   />
                 )}
 
@@ -290,7 +336,13 @@ export default function BeszelSystemStatsWidget({
                   <BeszelChartPanel
                     title={t("chart.dockerNetwork.title")}
                     subtitle={t("chart.dockerNetwork.subtitle")}
-                    chartProps={{ h: CHART_HEIGHT, data: dockerNetData, series: containerSeries, yAxisFormatter: chartAxisFormatters.rate, tooltipProps: tooltipRate }}
+                    chartProps={{
+                      h: CHART_HEIGHT,
+                      data: dockerNetData,
+                      series: containerSeries,
+                      yAxisFormatter: chartAxisFormatters.rate,
+                      tooltipProps: tooltipRate,
+                    }}
                   />
                 )}
               </>
diff --git a/packages/widgets/src/beszel/_shared/chart.tsx b/packages/widgets/src/beszel/_shared/chart.tsx
index 83434459e..6af0ce567 100644
--- a/packages/widgets/src/beszel/_shared/chart.tsx
+++ b/packages/widgets/src/beszel/_shared/chart.tsx
@@ -51,45 +51,47 @@ type BeszelAreaChartProps = Omit<AreaChartProps, "dataKey" | "curveType" | "with
   yAxisDomain?: [number, string];
 };
 
-const BeszelAreaChart = memo(({
-  yAxisFormatter,
-  yAxisDomain,
-  yAxisProps: yAxisPropsOverride,
-  type = "default",
-  ...props
-}: BeszelAreaChartProps) => {
-  const mergedYAxis = useMemo(
-    () => ({
-      ...yAxisBase,
-      width: 32,
-      tickMargin: 2,
-      ...(yAxisDomain ? { domain: yAxisDomain } : {}),
-      tickFormatter: yAxisFormatter,
-      ...yAxisPropsOverride,
-    }),
-    [yAxisFormatter, yAxisDomain, yAxisPropsOverride],
-  );
+const BeszelAreaChart = memo(
+  ({
+    yAxisFormatter,
+    yAxisDomain,
+    yAxisProps: yAxisPropsOverride,
+    type = "default",
+    ...props
+  }: BeszelAreaChartProps) => {
+    const mergedYAxis = useMemo(
+      () => ({
+        ...yAxisBase,
+        width: 32,
+        tickMargin: 2,
+        ...(yAxisDomain ? { domain: yAxisDomain } : {}),
+        tickFormatter: yAxisFormatter,
+        ...yAxisPropsOverride,
+      }),
+      [yAxisFormatter, yAxisDomain, yAxisPropsOverride],
+    );
 
-  return (
-    <AreaChart
-      dataKey="time"
-      curveType="monotone"
-      withGradient={false}
-      connectNulls
-      withDots={false}
-      type={type}
-      strokeWidth={1}
-      fillOpacity={0.2}
-      areaChartProps={noAnimation}
-      withXAxis
-      withYAxis
-      w="100%"
-      style={chartStyle}
-      yAxisProps={mergedYAxis}
-      {...props}
-    />
-  );
-});
+    return (
+      <AreaChart
+        dataKey="time"
+        curveType="monotone"
+        withGradient={false}
+        connectNulls
+        withDots={false}
+        type={type}
+        strokeWidth={1}
+        fillOpacity={0.2}
+        areaChartProps={noAnimation}
+        withXAxis
+        withYAxis
+        w="100%"
+        style={chartStyle}
+        yAxisProps={mergedYAxis}
+        {...props}
+      />
+    );
+  },
+);
 
 export const useSystemChartData = (
   systemStats: BeszelSystemStatsRecord[] | undefined,