feat: add DFlowFolderDeleteDialog component for folder and flow removal confirmation

Author: nicosammito

src/components/d-flow-folder/DFlowFolderDeleteDialog.tsx

@@ -0,0 +1,54 @@
+import {Dialog, DialogClose, DialogContent, DialogPortal} from "../dialog/Dialog";
+import {Text} from "../text/Text";
+import {Badge} from "../badge/Badge";
+import {Flex} from "../flex/Flex";
+import {Button} from "../button/Button";
+import React from "react";
+import {DFlowFolderContextMenuGroupData, DFlowFolderContextMenuItemData} from "./DFlowFolderContextMenu";
+import {Flow} from "@code0-tech/sagittarius-graphql-types";
+
+export interface DFlowFolderDeleteDialogProps {
+    open?: boolean
+    onOpenChange?: (open: boolean) => void
+    contextData: DFlowFolderContextMenuGroupData | DFlowFolderContextMenuItemData
+    onDelete?: (flow: Flow) => void
+}
+
+export const DFlowFolderDeleteDialog: React.FC<DFlowFolderDeleteDialogProps> = (props) => {
+
+    const {open} = props
+
+    const [deleteDialogOpen, setDeleteDialogOpen] = React.useState(open)
+
+    return <Dialog open={deleteDialogOpen} onOpenChange={(open) => setDeleteDialogOpen(open)}>
+        <DialogPortal>
+            <DialogContent autoFocus showCloseButton
+                           title={props.contextData.type == "item" ? "Remove flow" : "Remove folder"}>
+                <Text size={"md"} hierarchy={"secondary"}>
+                    {props.contextData.type == "item" ? "Are you sure you want to remove flow" : "Are you sure you want to remove folder"} {" "}
+                    <Badge color={"info"}>
+                        <Text size={"md"} style={{color: "inherit"}}>{props.contextData.name}</Text>
+                    </Badge> {" "}
+                    {props.contextData.type == "folder" ? ", all flows and sub-folders inside " : ""}from the this
+                    project?
+                </Text>
+                <Flex justify={"space-between"} align={"center"}>
+                    <DialogClose asChild>
+                        <Button color={"secondary"}>No, go back!</Button>
+                    </DialogClose>
+                    <DialogClose asChild>
+                        <Button color={"error"} onClick={() => {
+                            if (props.contextData.type === "item") {
+                                props.onDelete?.(props.contextData.flow)
+                            } else if (props.contextData.type === "folder") {
+                                props.contextData.flow.forEach(flow => {
+                                    props.onDelete?.(flow)
+                                })
+                            }
+                        }}>Yes, remove!</Button>
+                    </DialogClose>
+                </Flex>
+            </DialogContent>
+        </DialogPortal>
+    </Dialog>
+}