Client: Now uses server side sorting

Still some stuff left to do #98
2023-09-07 21:24:40 +02:00
parent 826fde6967
commit f62f9d899b
9 changed files with 387 additions and 323 deletions
--- a/client/src/components/otherModels.tsx
+++ b/client/src/components/otherModels.tsx
@@ -0,0 +1,152 @@
+import { useQuery } from "@tanstack/react-query";
+import { IFilament } from "../pages/filaments/model";
+import { IVendor } from "../pages/vendors/model";
+
+export function useSpoolmanFilamentFullNames() {
+  const apiEndpoint = import.meta.env.VITE_APIURL;
+  return useQuery<IFilament[], unknown, string[]>({
+    queryKey: ["filaments"],
+    queryFn: async () => {
+      const response = await fetch(apiEndpoint + "/filament");
+      if (!response.ok) {
+        throw new Error("Network response was not ok");
+      }
+      return response.json();
+    },
+    select: (data) => {
+      // Concatenate vendor name and filament name
+      let names = data
+        .filter((filament) => {
+          return filament.name !== null && filament.name !== undefined && filament.name !== "";
+        })
+        .map((filament) => {
+          if (filament.vendor?.name) {
+            return `${filament.vendor.name} - ${filament.name ?? "<unknown>"}`;
+          } else {
+            return `${filament.name ?? "<unknown>"}`;
+          }
+        })
+        .sort();
+      // Remove duplicates
+      names = [...new Set(names)];
+      return names;
+    },
+  });
+}
+
+export function useSpoolmanFilamentNames() {
+  const apiEndpoint = import.meta.env.VITE_APIURL;
+  return useQuery<IFilament[], unknown, string[]>({
+    queryKey: ["filaments"],
+    queryFn: async () => {
+      const response = await fetch(apiEndpoint + "/filament");
+      if (!response.ok) {
+        throw new Error("Network response was not ok");
+      }
+      return response.json();
+    },
+    select: (data) => {
+      // Concatenate vendor name and filament name
+      let names = data
+        .filter((filament) => {
+          return filament.name !== null && filament.name !== undefined && filament.name !== "";
+        })
+        .map((filament) => {
+          return filament.name ?? "<unknown>";
+        })
+        .sort();
+      // Remove duplicates
+      names = [...new Set(names)];
+      return names;
+    },
+  });
+}
+
+export function useSpoolmanVendors() {
+  const apiEndpoint = import.meta.env.VITE_APIURL;
+  return useQuery<IVendor[], unknown, string[]>({
+    queryKey: ["vendors"],
+    queryFn: async () => {
+      const response = await fetch(apiEndpoint + "/vendor");
+      if (!response.ok) {
+        throw new Error("Network response was not ok");
+      }
+      return response.json();
+    },
+    select: (data) => {
+      return data
+        .map((vendor) => {
+          return vendor.name ?? `ID ${vendor.id}`;
+        })
+        .sort();
+    },
+  });
+}
+
+export function useSpoolmanMaterials() {
+  const apiEndpoint = import.meta.env.VITE_APIURL;
+  return useQuery<string[]>({
+    queryKey: ["materials"],
+    queryFn: async () => {
+      const response = await fetch(apiEndpoint + "/material");
+      if (!response.ok) {
+        throw new Error("Network response was not ok");
+      }
+      return response.json();
+    },
+    select: (data) => {
+      return data.sort();
+    },
+  });
+}
+
+export function useSpoolmanArticleNumbers() {
+  const apiEndpoint = import.meta.env.VITE_APIURL;
+  return useQuery<string[]>({
+    queryKey: ["articleNumbers"],
+    queryFn: async () => {
+      const response = await fetch(apiEndpoint + "/article-number");
+      if (!response.ok) {
+        throw new Error("Network response was not ok");
+      }
+      return response.json();
+    },
+    select: (data) => {
+      return data.sort();
+    },
+  });
+}
+
+export function useSpoolmanLotNumbers() {
+  const apiEndpoint = import.meta.env.VITE_APIURL;
+  return useQuery<string[]>({
+    queryKey: ["lotNumbers"],
+    queryFn: async () => {
+      const response = await fetch(apiEndpoint + "/lot-number");
+      if (!response.ok) {
+        throw new Error("Network response was not ok");
+      }
+      return response.json();
+    },
+    select: (data) => {
+      return data.sort();
+    },
+  });
+}
+
+export function useSpoolmanLocations() {
+  const apiEndpoint = import.meta.env.VITE_APIURL;
+  return useQuery<string[]>({
+    queryKey: ["locations"],
+    queryFn: async () => {
+      const response = await fetch(apiEndpoint + "/location");
+      if (!response.ok) {
+        throw new Error("Network response was not ok");
+      }
+      return response.json();
+    },
+    select: (data) => {
+      return data.sort();
+    },
+  });
+}