Use strings utility

src/sdk/codex.ts

@@ -1,8 +1,8 @@
 import { Codex } from "@codex-storage/sdk-js";
 import { WebStorage } from "../utils/web-storage";
 
-let client: Codex;
-let url: string;
+let client: Codex = new Codex(import.meta.env.VITE_CODEX_API_URL);
+let url: string = import.meta.env.VITE_CODEX_API_URL;
 
 export const CodexSdk = {
   url() {

src/utils/strings.ts

@@ -0,0 +1,3 @@
+export const Strings = {
+  shortId: (id: string) => id.slice(0, 5) + "..." + id.slice(-5),
+};

src/utils/times.ts

@@ -0,0 +1,59 @@
+export type TimesUnit =
+  | "days"
+  | "months"
+  | "years"
+  | "minutes"
+  | "hours"
+  | "seconds";
+
+const plural = (value: number, unit: TimesUnit) =>
+  value > 1 ? value + ` ${unit}` : value + ` ${unit.slice(0, -1)}`;
+
+export const Times = {
+  toSeconds(value: number, unit: TimesUnit) {
+    let seconds = value;
+    switch (unit) {
+      case "years":
+        seconds *= 365;
+      case "months":
+        seconds *= 30;
+      case "days":
+        seconds *= 24;
+      case "hours":
+        seconds *= 60;
+      case "minutes":
+        seconds *= 60;
+    }
+
+    return seconds;
+  },
+
+  pretty(value: number) {
+    let seconds = 365 * 30 * 24 * 60 * 60;
+    if (value >= seconds) {
+      return plural(value / seconds, "years");
+    }
+
+    seconds /= 365;
+    if (value >= seconds) {
+      return plural(value / seconds, "months");
+    }
+
+    seconds /= 30;
+    if (value >= seconds) {
+      return plural(value / seconds, "days");
+    }
+
+    seconds /= 24;
+    if (value >= seconds) {
+      return plural(value / seconds, "hours");
+    }
+
+    seconds /= 60;
+    if (value >= seconds) {
+      return plural(value / seconds, "minutes");
+    }
+
+    return plural(value, "seconds");
+  },
+};