From b067cd9619e8e8ab13b82e6d28e55c863e2180c1 Mon Sep 17 00:00:00 2001
From: Max Larsson <maxslarsson@gmail.com>
Date: Fri, 31 Jan 2025 11:30:24 -0500
Subject: [PATCH] Rmove dependency on date-fns

---
 ground-server/package-lock.json                   | 11 -----------
 ground-server/package.json                        |  1 -
 .../src/components/widgets/graph-widget.tsx       | 15 +++++++++++----
 3 files changed, 11 insertions(+), 16 deletions(-)

diff --git a/ground-server/package-lock.json b/ground-server/package-lock.json
index 9d81f0b..e33315b 100644
--- a/ground-server/package-lock.json
+++ b/ground-server/package-lock.json
@@ -24,7 +24,6 @@
         "class-variance-authority": "^0.7.1",
         "clsx": "^2.1.1",
         "cmdk": "^1.0.4",
-        "date-fns": "^4.1.0",
         "lucide-react": "^0.468.0",
         "next": "15.1.4",
         "next-auth": "^5.0.0-beta.25",
@@ -3192,16 +3191,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/date-fns": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-4.1.0.tgz",
-      "integrity": "sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg==",
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/kossnocorp"
-      }
-    },
     "node_modules/debug": {
       "version": "4.4.0",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.0.tgz",
diff --git a/ground-server/package.json b/ground-server/package.json
index 2745cd1..d321bf8 100644
--- a/ground-server/package.json
+++ b/ground-server/package.json
@@ -25,7 +25,6 @@
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.0.4",
-    "date-fns": "^4.1.0",
     "lucide-react": "^0.468.0",
     "next": "15.1.4",
     "next-auth": "^5.0.0-beta.25",
diff --git a/ground-server/src/components/widgets/graph-widget.tsx b/ground-server/src/components/widgets/graph-widget.tsx
index 73d22d3..9defda4 100644
--- a/ground-server/src/components/widgets/graph-widget.tsx
+++ b/ground-server/src/components/widgets/graph-widget.tsx
@@ -1,5 +1,4 @@
 import { CartesianGrid, Line, LineChart, XAxis, YAxis } from "recharts";
-import { format } from "date-fns"; // Import date-fns
 
 import {
   ChartConfig,
@@ -14,7 +13,7 @@ import {
   type DataPoint,
 } from "@/lib/definitions";
 
-function GetConfig(channel: TelemetryChannel) {
+function getConfig(channel: TelemetryChannel) {
   const chartConfig = {
     config: {
       label: channel.label,
@@ -24,6 +23,14 @@ function GetConfig(channel: TelemetryChannel) {
   return chartConfig;
 }
 
+function tickFormatter(tick: any) {
+  const date = new Date(tick);
+  const hours = date.getHours().toString().padStart(2, '0');
+  const minutes = date.getMinutes().toString().padStart(2, '0');
+  const formattedTime = `${hours}:${minutes}`;
+  return formattedTime;
+}
+
 function GenericHistoricalChart(
   duration: string,
   data: DataPoint[],
@@ -36,7 +43,7 @@ function GenericHistoricalChart(
       <h3 className="text-center mb-2 font-semibold">
         {duration}-Minute {channel.label} History
       </h3>
-      <ChartContainer config={GetConfig(channel)} className="w-full h-full">
+      <ChartContainer config={getConfig(channel)} className="w-full h-full">
         <LineChart
           accessibilityLayer
           data={data.map((d) => ({
@@ -49,7 +56,7 @@ function GenericHistoricalChart(
           <XAxis
             interval="preserveStartEnd"
             dataKey="timestamp"
-            tickFormatter={(tick) => format(new Date(tick), "HH:mm")}
+            tickFormatter={tickFormatter}
             tickLine={false}
             axisLine={false}
             tickMargin={8}