standardize coloring

frontend/src/lib/formatting.ts

@@ -0,0 +1,39 @@
+import { Types } from "@monitor/client";
+
+export const fmt_date = (d: Date) => {
+  return `${d.getDate()}/${
+    d.getMonth() + 1
+  } @ ${d.getHours()}:${d.getMinutes()}`;
+};
+
+export const fmt_date_with_minutes = (d: Date) => {
+  // return `${d.toLocaleDateString()} ${d.toLocaleTimeString()}`;
+  return d.toLocaleString();
+};
+
+export const fmt_version = (version: Types.Version | undefined) => {
+  if (!version) return "...";
+  const { major, minor, patch } = version;
+  if (major === 0 && minor === 0 && patch === 0) return "latest";
+  return `v${major}.${minor}.${patch}`;
+};
+
+export const fmt_duration = (start_ts: number, end_ts: number) => {
+  const start = new Date(start_ts);
+  const end = new Date(end_ts);
+  const durr = end.getTime() - start.getTime();
+  const seconds = durr / 1000;
+  const minutes = Math.floor(seconds / 60);
+  const remaining_seconds = seconds % 60;
+  return `${
+    minutes > 0 ? `${minutes} minute${minutes > 1 ? "s" : ""} ` : ""
+  }${remaining_seconds.toFixed(minutes > 0 ? 0 : 1)} seconds`;
+};
+
+/// list_all_items => List All Items
+export function snake_case_to_upper_space_case(snake: string) {
+  return snake
+    .split("_")
+    .map((item) => item[0].toUpperCase() + item.slice(1))
+    .join(" ");
+}