feat(cards): migrated cards over

frontend/src/components/dashboard/AddCards.tsx

@@ -3,55 +3,37 @@ import {
     Dialog,
     DialogContent,
     DialogDescription,
-    DialogFooter,
     DialogHeader,
     DialogTitle,
     DialogTrigger,
 } from "@/components/ui/dialog";
-
-import { useCardStore } from "@/lib/store/useCardStore";
-import { toast } from "sonner";
+import Cards from "./Cards";
+//import { toast } from "sonner";
 
 export function AddCards() {
-    const { cards, addCard } = useCardStore();
-
-    const handleAddPPOO = () => {
-        const existingCard = cards.filter((c) => c.i === "PPOO");
-        //console.log(existingCard.length);
-        //console.log(data);
-        if (existingCard.length != 0) {
-            toast.error(`PPOO already exists no card will be added`);
-            return;
-        }
-        addCard({
-            i: "PPOO",
-            x: 0,
-            y: 0,
-            w: 5,
-            h: 3,
-            isResizable: true,
-            isDraggable: true,
-        });
-    };
     return (
         <Dialog>
             <DialogTrigger asChild>
                 <Button variant="outline">Add Cards</Button>
             </DialogTrigger>
-            <DialogContent className="sm:max-w-[425px]">
+            <DialogContent className="min-w-fit ">
                 <DialogHeader>
                     <DialogTitle>Cards</DialogTitle>
                     <DialogDescription>
-                        Please add a card below.
+                        Manage Cards and there settings.
                     </DialogDescription>
                 </DialogHeader>
-                <Button onClick={handleAddPPOO} className="w-48">
-                    PPOO
-                </Button>
 
-                <DialogFooter>
+                <Cards name={"ppoo"} inventory />
+                <Cards name={"inv-empty"} rowType={"empty"} />
+                <Cards name={"inv-fg"} rowType={"fg"} />
+                <Cards name={"inv-materials"} rowType={"materials"} />
+                <Cards name={"inv-packaging"} rowType={"packaging"} />
+                <Cards name={"inv-waste"} rowType={"waste"} />
+
+                {/* <DialogFooter>
                     <Button type="submit">Save changes</Button>
-                </DialogFooter>
+                </DialogFooter> */}
             </DialogContent>
         </Dialog>
     );