Full cleanup pass

2026-05-21 23:25:56 -06:00
parent 28de8ef3bc
commit 99f535f821
149 changed files with 2623 additions and 1242 deletions
@@ -0,0 +1,58 @@
+import React, { useState } from "react";
+import Dialog from "../../app/components/modals/Dialog";
+import Button from "../../app/components/buttons/Button";
+
+export default {
+  title: "Components/Modals/Dialog",
+  component: Dialog,
+};
+
+function DialogStoryHost(args) {
+  const [isOpen, setIsOpen] = useState(true);
+
+  return (
+    <div className="p-8">
+      <Button
+        buttonType="filled"
+        palette="default"
+        size="medium"
+        onClick={() => setIsOpen(true)}
+      >
+        Open dialog
+      </Button>
+      <Dialog
+        {...args}
+        isOpen={isOpen}
+        onClose={() => setIsOpen(false)}
+        footer={
+          <>
+            <Button
+              buttonType="outline"
+              palette="default"
+              size="medium"
+              onClick={() => setIsOpen(false)}
+            >
+              Cancel
+            </Button>
+            <Button
+              buttonType="filled"
+              palette="default"
+              size="medium"
+              onClick={() => setIsOpen(false)}
+            >
+              Confirm
+            </Button>
+          </>
+        }
+      />
+    </div>
+  );
+}
+
+export const Default = {
+  render: (args) => <DialogStoryHost {...args} />,
+  args: {
+    title: "Confirm action",
+    description: "This cannot be undone.",
+  },
+};