feat(silo adjustments): added in email if % wrong

frontend/src/components/layout/side-components/logistics.tsx

@@ -82,7 +82,7 @@ export function LogisticsSideBar({
     const { subModules } = useSubModuleStore();
 
     const items = subModules.filter((m) => m.moduleName === "logistics");
-    console.log(items);
+    //console.log(items);
     return (
         <SidebarGroup>
             <SidebarGroupLabel>Logistics</SidebarGroupLabel>

frontend/src/components/logistics/siloAdjustments/SiloCard.tsx

@@ -0,0 +1,14 @@
+import { LstCard } from "@/components/extendedUI/LstCard";
+import { CardHeader } from "@/components/ui/card";
+
+export default function SiloCard(data: any) {
+    const silo = data.silo;
+    return (
+        <LstCard>
+            <CardHeader>{silo.Description}</CardHeader>
+            <div>
+                <hr />
+            </div>
+        </LstCard>
+    );
+}

frontend/src/components/logistics/siloAdjustments/SiloPage.tsx

@@ -0,0 +1,26 @@
+import { getStockSilo } from "@/utils/querys/logistics/siloAdjustments/getStockSilo";
+import { useQuery } from "@tanstack/react-query";
+import SiloCard from "./SiloCard";
+
+export default function SiloPage() {
+    const { data, isError, error, isLoading } = useQuery(getStockSilo());
+
+    if (isLoading) return;
+
+    if (isError) return;
+
+    if (error)
+        return (
+            <div>
+                {" "}
+                There was an error getting the silos please notify your admin if
+                this continues to be an issue
+            </div>
+        );
+
+    return (
+        <div className="flex flex-row gap-2">
+            {data?.map((s: any) => <SiloCard silo={s} />)}
+        </div>
+    );
+}

frontend/src/routes/(logistics)/siloAdjustments/index.tsx

@@ -1,9 +1,28 @@
-import { createFileRoute } from '@tanstack/react-router'
+import SiloPage from "@/components/logistics/siloAdjustments/SiloPage";
+import { createFileRoute, redirect } from "@tanstack/react-router";
 
-export const Route = createFileRoute('/(logistics)/siloAdjustments/')({
-  component: RouteComponent,
-})
+export const Route = createFileRoute("/(logistics)/siloAdjustments/")({
+    component: RouteComponent,
+    beforeLoad: async () => {
+        const auth = localStorage.getItem("auth_token");
+        if (!auth) {
+            throw redirect({
+                to: "/login",
+                search: {
+                    // Use the current location to power a redirect after login
+                    // (Do not use `router.state.resolvedLocation` as it can
+                    // potentially lag behind the actual current location)
+                    redirect: location.pathname + location.search,
+                },
+            });
+        }
+    },
+});
 
 function RouteComponent() {
-  return <div>Hello "/(logistics)/siloAdjustments/"!</div>
+    return (
+        <div>
+            <SiloPage />
+        </div>
+    );
 }

frontend/src/utils/querys/logistics/siloAdjustments/getStockSilo.tsx

@@ -0,0 +1,26 @@
+import { queryOptions } from "@tanstack/react-query";
+import axios from "axios";
+
+export function getStockSilo() {
+    const token = localStorage.getItem("auth_token");
+    return queryOptions({
+        queryKey: ["getUsers"],
+        queryFn: () => fetchStockSilo(token),
+        enabled: !!token, // Prevents query if token is null
+        staleTime: 1000,
+        //refetchInterval: 2 * 2000,
+        refetchOnWindowFocus: true,
+    });
+}
+
+const fetchStockSilo = async (token: string | null) => {
+    const { data } = await axios.get(`/api/logistics/getstocksilo`, {
+        headers: {
+            "Content-Type": "application/json",
+            Authorization: `Bearer ${token}`,
+        },
+    });
+    // if we are not localhost ignore the devDir setting.
+    //const url: string = window.location.host.split(":")[0];
+    return data.data ?? [];
+};