Implement share and export components

2026-04-29 22:27:46 -06:00
parent a31a36c926
commit a37a72c71d
58 changed files with 3153 additions and 117 deletions
@@ -0,0 +1,41 @@
+import React, { useState } from "react";
+import Share from "../../app/components/modals/Share";
+import { MessagesProvider } from "../../app/contexts/MessagesContext";
+import messages from "../../messages/en/index";
+
+/** Figma: Modal / Share — node 22073-30884 (Community Rule System). */
+export default {
+  title: "modals/Share",
+  component: Share,
+};
+
+function ShareStoryHost() {
+  const [open, setOpen] = useState(true);
+  return (
+    <MessagesProvider messages={messages}>
+      <div className="min-h-[100dvh] bg-[var(--color-surface-inverse-brand-primary)] p-6">
+        <button
+          type="button"
+          className="rounded-md bg-white px-4 py-2 text-sm text-black"
+          onClick={() => setOpen(true)}
+        >
+          Open Share
+        </button>
+        <Share
+          isOpen={open}
+          onClose={() => setOpen(false)}
+          onCopyLink={() => {}}
+          onEmailShare={() => {}}
+          onSignalShare={() => {}}
+          onSlackShare={() => {}}
+          onDiscordShare={() => {}}
+        />
+      </div>
+    </MessagesProvider>
+  );
+}
+
+export const Default = {
+  name: "Modal / Share",
+  render: () => <ShareStoryHost />,
+};