feat: implement project management features with storage integration, including project creation, deletion, and renaming dialogs

1 files changed, 53 insertions, 0 deletions

diff --git a/apps/web/src/components/delete-project-dialog.tsx b/apps/web/src/components/delete-project-dialog.tsx
new file mode 100644
index 00000000..db709647
--- /dev/null
+++ b/apps/web/src/components/delete-project-dialog.tsx
@@ -0,0 +1,53 @@
+import { Button } from "@/components/ui/button";

+import {

+  Dialog,

+  DialogContent,

+  DialogDescription,

+  DialogFooter,

+  DialogHeader,

+  DialogTitle,

+} from "@/components/ui/dialog";

+

+export function DeleteProjectDialog({

+  isOpen,

+  onOpenChange,

+  onConfirm,

+}: {

+  isOpen: boolean;

+  onOpenChange: (open: boolean) => void;

+  onConfirm: () => void;

+}) {

+  return (

+    <Dialog open={isOpen} onOpenChange={onOpenChange}>

+      <DialogContent

+        onOpenAutoFocus={(e) => {

+          e.preventDefault();

+          e.stopPropagation();

+        }}

+      >

+        <DialogHeader>

+          <DialogTitle>Delete Project</DialogTitle>

+          <DialogDescription>

+            Are you sure you want to delete this project? This action cannot be

+            undone.

+          </DialogDescription>

+        </DialogHeader>

+        <DialogFooter>

+          <Button

+            variant="outline"

+            onClick={(e) => {

+              e.preventDefault();

+              e.stopPropagation();

+              onOpenChange(false);

+            }}

+          >

+            Cancel

+          </Button>

+          <Button variant="destructive" onClick={onConfirm}>

+            Delete

+          </Button>

+        </DialogFooter>

+      </DialogContent>

+    </Dialog>

+  );

+}