From 3792ee1c4f124fd030457eb3edec506eeb3e848f Mon Sep 17 00:00:00 2001
From: Ricky James Smith <jamesricky@me.com>
Date: Mon, 16 Dec 2024 15:21:45 +0100
Subject: [PATCH] Add dev-story for `FeedbackButton` (#2931)

---
 .../src/admin/FeedbackButton.stories.tsx      | 54 +++++++++++++++++++
 1 file changed, 54 insertions(+)
 create mode 100644 storybook/src/admin/FeedbackButton.stories.tsx

diff --git a/storybook/src/admin/FeedbackButton.stories.tsx b/storybook/src/admin/FeedbackButton.stories.tsx
new file mode 100644
index 0000000000..1beaa51d89
--- /dev/null
+++ b/storybook/src/admin/FeedbackButton.stories.tsx
@@ -0,0 +1,54 @@
+import { FeedbackButton } from "@comet/admin";
+import { Add } from "@comet/admin-icons";
+import { Card, CardContent, Stack } from "@mui/material";
+
+export default {
+    title: "@comet/admin/FeedbackButton",
+};
+
+export const Default = {
+    render: () => (
+        <Card>
+            <CardContent>
+                <Stack direction="row" spacing={2}>
+                    <FeedbackButton
+                        startIcon={<Add />}
+                        onClick={() => {
+                            return new Promise((resolve) => setTimeout(resolve, 500));
+                        }}
+                    >
+                        This will succeed
+                    </FeedbackButton>
+                    <FeedbackButton
+                        startIcon={<Add />}
+                        onClick={() => {
+                            return new Promise((_, reject) => setTimeout(reject, 500));
+                        }}
+                    >
+                        This will fail
+                    </FeedbackButton>
+                    <FeedbackButton
+                        startIcon={<Add />}
+                        onClick={() => {
+                            return new Promise((resolve) => setTimeout(resolve, 500));
+                        }}
+                        tooltipErrorMessage="This failed but at least it has a custom message"
+                        tooltipSuccessMessage="This worked and has a custom message"
+                    >
+                        Custom message (succeeds)
+                    </FeedbackButton>
+                    <FeedbackButton
+                        startIcon={<Add />}
+                        onClick={() => {
+                            return new Promise((_, reject) => setTimeout(reject, 500));
+                        }}
+                        tooltipErrorMessage="This failed but at least it has a custom message"
+                        tooltipSuccessMessage="This worked and has a custom message"
+                    >
+                        Custom message (fails)
+                    </FeedbackButton>
+                </Stack>
+            </CardContent>
+        </Card>
+    ),
+};