refactor(cards): messing with the time in the cards

frontend/src/components/dashboard/AddCards.tsx

@@ -34,6 +34,7 @@ export function AddCards() {
                         <Cards name={"inv-materials"} rowType={"materials"} />
                         <Cards name={"inv-packaging"} rowType={"packaging"} />
                         <Cards name={"inv-waste"} rowType={"waste"} />
+                        <Cards name={"openOrder"} inventory />
                     </div>
                 </div>
 

frontend/src/components/dashboard/DashBoard.tsx

@@ -1,10 +1,12 @@
 import { useCardStore } from "@/lib/store/useCardStore";
 import INVCheckCard from "../logistics/warehouse/InventoryCard";
 import PPOO from "../logistics/warehouse/PPOOCard";
+import OpenOrders from "../logistics/warehouse/openOrders";
 
 const componentsMap: any = {
     ppoo: PPOO,
     inv: INVCheckCard,
+    openOrder: OpenOrders,
     //QualityRequest,
 };
 
@@ -18,12 +20,19 @@ export default function DashBoard() {
                 const name = a.name; //.filter((c) => c.i === card.i)[0].i || "name";
 
                 const Component = componentsMap[name.split("-")[0]];
-
-                return (
-                    <div key={a.name} className="col-span-3">
-                        <Component age={a.age} type={a.rowType} />{" "}
-                    </div>
-                );
+                if (name === "openOrder") {
+                    return (
+                        <div key={a.name} className="col-span-6">
+                            <Component age={a.age} type={a.rowType} />
+                        </div>
+                    );
+                } else {
+                    return (
+                        <div key={a.name} className="col-span-3">
+                            <Component age={a.age} type={a.rowType} />
+                        </div>
+                    );
+                }
             })}
         </div>
     );

frontend/src/components/logistics/warehouse/InventoryCard.tsx

@@ -25,6 +25,9 @@ export default function INVCheckCard(props: any) {
         laneData = laneData.filter(
             (l: any) => l.rowType === props.type.toUpperCase()
         );
+
+        // age
+        laneData = laneData.filter((l: any) => l.DaysSinceLast >= props.age);
     }
 
     // const handleCloseCard = () => {

frontend/src/components/logistics/warehouse/openOrders.tsx

@@ -0,0 +1,33 @@
+//import { LstCard } from "@/components/extendedUI/LstCard";
+
+import { getOpenOrders } from "@/utils/querys/logistics/getOpenOrders";
+import { openOrderColumns } from "@/utils/tableData/openorders/ooColumns";
+import { OpenOrderTable } from "@/utils/tableData/openorders/ooData";
+
+import { useQuery } from "@tanstack/react-query";
+//import { CircleX } from "lucide-react";
+//import { Suspense } from "react";
+//import { toast } from "sonner";
+
+export default function OpenOrders() {
+    //{ style = {} }
+    const { data, isError, isLoading } = useQuery(getOpenOrders());
+
+    if (isLoading) return <div>Loading openOrder data...</div>;
+    if (isError) {
+        return (
+            <div>
+                <p>There was an error getting the openorders.</p>
+            </div>
+        );
+    }
+    let openOrders: any = data;
+
+    // const handleCloseCard = () => {
+    //     //removeCard("PPOO");
+
+    //     toast.success("card removed");
+    // };
+
+    return <OpenOrderTable columns={openOrderColumns} data={openOrders} />;
+}