@local-civics/mgmt-ui 0.1.161 → 0.1.162

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

@@ -1647,6 +1647,10 @@ const useStyles$f = core.createStyles((theme) => ({
   description: {
     color: theme.white,
     maxWidth: 220
+  },
+  code: {
+    color: theme.white,
+    maxWidth: 220
   }
 }));
 const TenantBanner = (_a) => {
@@ -1655,15 +1659,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 +1699,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 +1729,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,