@local-civics/mgmt-ui 0.1.161 → 0.1.163

package/dist/index.d.ts

@@ -393,6 +393,7 @@ type HomeProps = {
         description: string;
         image: string;
         website: string;
+        accessCode: string;
     };
     onDashboardClick: () => void;
     onClassesClick: () => void;

package/dist/index.js

@@ -532,7 +532,7 @@ const useStyles$n = core.createStyles((theme) => ({
 }));
 const SplitButton$4 = (props) => {
   const { classes, theme } = useStyles$n();
-  const menuIconColor = theme.colors[theme.primaryColor][theme.colorScheme === "dark" ? 5 : 6];
+  theme.colors[theme.primaryColor][theme.colorScheme === "dark" ? 5 : 6];
   return /* @__PURE__ */ React__namespace.createElement(core.Group, { noWrap: true, spacing: 0 }, /* @__PURE__ */ React__namespace.createElement(
     core.Button,
     {
@@ -542,30 +542,21 @@ const SplitButton$4 = (props) => {
       variant: "gradient"
     },
     "Preview"
-  ), /* @__PURE__ */ React__namespace.createElement(core.Menu, { transition: "pop", position: "bottom-end" }, /* @__PURE__ */ React__namespace.createElement(core.Menu.Target, null, /* @__PURE__ */ React__namespace.createElement(
-    core.ActionIcon,
-    {
-      variant: "gradient",
-      color: theme.primaryColor,
-      size: 36,
-      className: classes.menuControl
-    },
-    /* @__PURE__ */ React__namespace.createElement(icons.IconChevronDown, { size: 16, stroke: 1.5 })
-  )), /* @__PURE__ */ React__namespace.createElement(core.Menu.Dropdown, null, /* @__PURE__ */ React__namespace.createElement(
-    core.Menu.Item,
+  ), /* @__PURE__ */ React__namespace.createElement(
+    core.Button,
     {
-      icon: /* @__PURE__ */ React__namespace.createElement(icons.IconClipboardCopy, { size: 16, stroke: 1.5, color: menuIconColor }),
+      leftIcon: /* @__PURE__ */ React__namespace.createElement(icons.IconClipboardCopy, { size: 14 }),
       onClick: props.onCopyLinkClick
     },
-    "Copy link"
+    "Copy class link"
   ), /* @__PURE__ */ React__namespace.createElement(
-    core.Menu.Item,
+    core.Button,
     {
-      icon: /* @__PURE__ */ React__namespace.createElement(icons.IconTableExport, { size: 16, stroke: 1.5, color: menuIconColor }),
+      leftIcon: /* @__PURE__ */ React__namespace.createElement(icons.IconTableExport, { size: 14 }),
       onClick: props.onExportDataClick
     },
     "Export data (.csv)"
-  ))));
+  ));
 };
 
 const useStyles$m = core.createStyles((theme) => ({
@@ -1647,6 +1638,10 @@ const useStyles$f = core.createStyles((theme) => ({
   description: {
     color: theme.white,
     maxWidth: 220
+  },
+  code: {
+    color: theme.white,
+    maxWidth: 220
   }
 }));
 const TenantBanner = (_a) => {
@@ -1655,15 +1650,31 @@ const TenantBanner = (_a) => {
     description,
     image,
     style,
-    className
+    className,
+    code
   } = _b, others = __objRest$1(_b, [
     "title",
     "description",
     "image",
     "style",
-    "className"
+    "className",
+    "code"
   ]);
   const { classes, cx, theme } = useStyles$f();
+  const handleCopy = async () => {
+    if (!code)
+      return;
+    try {
+      await navigator.clipboard.writeText(code);
+      notifications.showNotification({
+        title: "Copied!",
+        message: "Community code copied to clipboard.",
+        autoClose: 3e3
+      });
+    } catch (err) {
+      console.error("Failed to copy code", err);
+    }
+  };
   return /* @__PURE__ */ React__namespace.createElement(
     core.Card,
     __spreadValues$5({
@@ -1679,7 +1690,20 @@ const TenantBanner = (_a) => {
         zIndex: 0
       }
     ),
-    /* @__PURE__ */ React__namespace.createElement("div", { className: classes.content }, /* @__PURE__ */ React__namespace.createElement(core.Text, { size: "lg", weight: 700, className: classes.title }, title), /* @__PURE__ */ React__namespace.createElement(core.Text, { size: "sm", className: classes.description }, description))
+    /* @__PURE__ */ React__namespace.createElement("div", { className: classes.content }, /* @__PURE__ */ React__namespace.createElement(core.Text, { size: "lg", weight: 700, className: classes.title }, title), /* @__PURE__ */ React__namespace.createElement(core.Text, { size: "sm", className: classes.description }, description), /* @__PURE__ */ React__namespace.createElement(core.Group, { mt: "sm", spacing: "xs" }, /* @__PURE__ */ React__namespace.createElement(core.Text, { size: "sm", className: classes.code }, "Community Code: ", code || "\u2014"), code && /* @__PURE__ */ React__namespace.createElement(
+      core.Button,
+      {
+        size: "xs",
+        variant: "white",
+        onClick: handleCopy,
+        styles: {
+          root: {
+            backgroundColor: "rgba(255,255,255,0.9)"
+          }
+        }
+      },
+      "Copy"
+    )))
   );
 };
 
@@ -1696,7 +1720,8 @@ const Home = (props) => {
     {
       title: props.organization.name,
       description: props.organization.description,
-      image: props.organization.image
+      image: props.organization.image,
+      code: props.organization.accessCode
     }
   ))), /* @__PURE__ */ React__namespace.createElement(core.Grid, { gutter: "md" }, /* @__PURE__ */ React__namespace.createElement(core.Grid.Col, null, /* @__PURE__ */ React__namespace.createElement(
     CardGradient,
@@ -1768,7 +1793,7 @@ const useStyles$e = core.createStyles((theme) => ({
 }));
 const SplitButton$2 = (props) => {
   const { classes, theme } = useStyles$e();
-  const menuIconColor = theme.colors[theme.primaryColor][theme.colorScheme === "dark" ? 5 : 6];
+  theme.colors[theme.primaryColor][theme.colorScheme === "dark" ? 5 : 6];
   return /* @__PURE__ */ React__namespace.createElement(core.Stack, { spacing: "sm" }, /* @__PURE__ */ React__namespace.createElement(
     core.Button,
     {
@@ -1786,23 +1811,21 @@ const SplitButton$2 = (props) => {
       variant: "gradient"
     },
     "Preview"
-  ), /* @__PURE__ */ React__namespace.createElement(core.Menu, { transition: "pop", position: "bottom-end" }, /* @__PURE__ */ React__namespace.createElement(core.Menu.Target, null, /* @__PURE__ */ React__namespace.createElement(
-    core.ActionIcon,
+  ), /* @__PURE__ */ React__namespace.createElement(
+    core.Button,
     {
-      variant: "gradient",
-      color: theme.primaryColor,
-      size: 36,
-      className: classes.menuControl
+      leftIcon: /* @__PURE__ */ React__namespace.createElement(icons.IconClipboardCopy, { size: 14 }),
+      onClick: props.onCopyLinkClick
     },
-    /* @__PURE__ */ React__namespace.createElement(icons.IconChevronDown, { size: 16, stroke: 1.5 })
-  )), /* @__PURE__ */ React__namespace.createElement(core.Menu.Dropdown, null, !props.noExport && /* @__PURE__ */ React__namespace.createElement(
-    core.Menu.Item,
+    "Copy class link"
+  ), /* @__PURE__ */ React__namespace.createElement(
+    core.Button,
     {
-      icon: /* @__PURE__ */ React__namespace.createElement(icons.IconTableExport, { size: 16, stroke: 1.5, color: menuIconColor }),
+      leftIcon: /* @__PURE__ */ React__namespace.createElement(icons.IconTableExport, { size: 14 }),
       onClick: props.onExportDataClick
     },
     "Export data (.csv)"
-  )))));
+  )));
 };
 
 function Stack$2(props) {
@@ -3219,7 +3242,7 @@ const useStyles$1 = core.createStyles((theme) => ({
 }));
 const SplitButton = (props) => {
   const { classes, theme } = useStyles$1();
-  const menuIconColor = theme.colors[theme.primaryColor][theme.colorScheme === "dark" ? 5 : 6];
+  theme.colors[theme.primaryColor][theme.colorScheme === "dark" ? 5 : 6];
   return /* @__PURE__ */ React__namespace.createElement(core.Group, { noWrap: true, spacing: 0 }, /* @__PURE__ */ React__namespace.createElement(
     core.Button,
     {
@@ -3229,30 +3252,21 @@ const SplitButton = (props) => {
       variant: "gradient"
     },
     "Preview"
-  ), /* @__PURE__ */ React__namespace.createElement(core.Menu, { transition: "pop", position: "bottom-end" }, /* @__PURE__ */ React__namespace.createElement(core.Menu.Target, null, /* @__PURE__ */ React__namespace.createElement(
-    core.ActionIcon,
-    {
-      variant: "gradient",
-      color: theme.primaryColor,
-      size: 36,
-      className: classes.menuControl
-    },
-    /* @__PURE__ */ React__namespace.createElement(icons.IconChevronDown, { size: 16, stroke: 1.5 })
-  )), /* @__PURE__ */ React__namespace.createElement(core.Menu.Dropdown, null, /* @__PURE__ */ React__namespace.createElement(
-    core.Menu.Item,
+  ), /* @__PURE__ */ React__namespace.createElement(
+    core.Button,
     {
-      icon: /* @__PURE__ */ React__namespace.createElement(icons.IconClipboardCopy, { size: 16, stroke: 1.5, color: menuIconColor }),
+      leftIcon: /* @__PURE__ */ React__namespace.createElement(icons.IconClipboardCopy, { size: 14 }),
       onClick: props.onCopyLinkClick
     },
-    "Copy link"
+    "Copy class link"
   ), /* @__PURE__ */ React__namespace.createElement(
-    core.Menu.Item,
+    core.Button,
     {
-      icon: /* @__PURE__ */ React__namespace.createElement(icons.IconTableExport, { size: 16, stroke: 1.5, color: menuIconColor }),
+      leftIcon: /* @__PURE__ */ React__namespace.createElement(icons.IconTableExport, { size: 14 }),
       onClick: props.onExportDataClick
     },
     "Export data (.csv)"
-  ))));
+  ));
 };
 
 function Stack(props) {