@local-civics/mgmt-ui 0.1.78 → 0.1.80

package/dist/index.d.ts

@@ -586,7 +586,6 @@ type TaskCardProps = {
     users: {
         name: string;
     }[];
-    onCopy: () => void;
 };
 
 /**

package/dist/index.js

@@ -294,13 +294,18 @@ const data = [
     ]
   }
 ];
+const TRIAL_PAGES = [
+  "Home",
+  "Lessons",
+  "Badges"
+];
 function Navbar(props) {
   const { classes, cx } = useStyles$m();
   const [burgerOpen, setBurgerOpen] = React__namespace.useState(false);
   const toggle = () => setBurgerOpen(!burgerOpen);
   const links = data.map((item) => {
     const context = props.links[item.label] || { notifications: 0, href: "" };
-    if (context.hidden || props.trial && item.label !== "Home") {
+    if (context.hidden || props.trial && TRIAL_PAGES.indexOf(item.label) === -1) {
       return null;
     }
     return /* @__PURE__ */ React__namespace.createElement(
@@ -2494,17 +2499,15 @@ function TaskCard(props) {
   });
   const remainingUsers = props.users.slice(3).length;
   const isComplete = props.lessonsCompleted >= props.lessonsTotal;
-  return /* @__PURE__ */ React__namespace.createElement(core.Card, { withBorder: true, radius: "md" }, /* @__PURE__ */ React__namespace.createElement(core.Group, { position: "apart" }, /* @__PURE__ */ React__namespace.createElement(core.ThemeIcon, { size: "lg", variant: "gradient", gradient: { from: "indigo", to: "cyan" } }, /* @__PURE__ */ React__namespace.createElement(icons.IconBadge, { size: 20 })), isComplete && /* @__PURE__ */ React__namespace.createElement(core.Badge, { variant: "gradient", gradient: { from: "indigo", to: "cyan" } }, "Complete"), !isComplete && /* @__PURE__ */ React__namespace.createElement(core.Badge, { variant: "filled" }, "Incomplete")), /* @__PURE__ */ React__namespace.createElement(core.UnstyledButton, { to: props.href, mt: "md", sx: { ":hover": { textDecoration: "underline" } } }, /* @__PURE__ */ React__namespace.createElement(core.Text, { size: "lg", weight: 500 }, props.title)), /* @__PURE__ */ React__namespace.createElement(core.Text, { size: "sm", color: "dimmed", mt: 5 }, props.description), /* @__PURE__ */ React__namespace.createElement(core.Text, { color: "dimmed", size: "sm", mt: "md" }, "Lessons completed:", " ", /* @__PURE__ */ React__namespace.createElement(
+  return /* @__PURE__ */ React__namespace.createElement(core.Card, { withBorder: true, radius: "md" }, !!props.lessonsTotal && /* @__PURE__ */ React__namespace.createElement(core.Group, { position: "apart" }, /* @__PURE__ */ React__namespace.createElement(core.ThemeIcon, { size: "lg", variant: "gradient", gradient: { from: "indigo", to: "cyan" } }, /* @__PURE__ */ React__namespace.createElement(icons.IconBadge, { size: 20 })), isComplete && /* @__PURE__ */ React__namespace.createElement(core.Badge, { variant: "gradient", gradient: { from: "indigo", to: "cyan" } }, "Complete"), !isComplete && /* @__PURE__ */ React__namespace.createElement(core.Badge, { variant: "filled" }, "Incomplete")), /* @__PURE__ */ React__namespace.createElement(core.UnstyledButton, { component: reactRouterDom.Link, to: props.href, mt: "md", sx: { ":hover": { textDecoration: "underline" } } }, /* @__PURE__ */ React__namespace.createElement(core.Text, { size: "lg", weight: 500 }, props.title)), /* @__PURE__ */ React__namespace.createElement(core.Text, { size: "sm", color: "dimmed", mt: 5 }, props.description), !!props.lessonsCompleted && /* @__PURE__ */ React__namespace.createElement(core.Text, { color: "dimmed", size: "sm", mt: "md" }, "Lessons completed:", " ", /* @__PURE__ */ React__namespace.createElement(
     core.Text,
     {
       span: true,
       weight: 500,
       sx: (theme) => ({ color: theme.colorScheme === "dark" ? theme.white : theme.black })
     },
-    props.lessonsCompleted,
-    "/",
-    props.lessonsTotal
-  )), /* @__PURE__ */ React__namespace.createElement(core.Progress, { value: props.lessonsCompleted / props.lessonsTotal * 100, mt: 5 }), /* @__PURE__ */ React__namespace.createElement(core.Group, { position: "apart", mt: "md" }, /* @__PURE__ */ React__namespace.createElement(core.Avatar.Group, { spacing: "sm" }, avatars, !!remainingUsers && /* @__PURE__ */ React__namespace.createElement(core.Avatar, { radius: "xl" }, "+", remainingUsers)), /* @__PURE__ */ React__namespace.createElement(core.ActionIcon, { onClick: props.onCopy, variant: "default" }, /* @__PURE__ */ React__namespace.createElement(icons.IconCopy, { size: 18 }))));
+    props.lessonsCompleted
+  )), !!props.lessonsTotal && /* @__PURE__ */ React__namespace.createElement(core.Progress, { value: props.lessonsCompleted / props.lessonsTotal * 100, mt: 5 }), /* @__PURE__ */ React__namespace.createElement(core.Group, { position: "apart", mt: "md" }, /* @__PURE__ */ React__namespace.createElement(core.Avatar.Group, { spacing: "sm" }, avatars, !!remainingUsers && /* @__PURE__ */ React__namespace.createElement(core.Avatar, { radius: "xl" }, "+", remainingUsers))));
 }
 
 const TrialHome = (props) => {
@@ -2818,6 +2821,11 @@ const useStyles = core.createStyles((theme, props) => ({
       paddingLeft: props.navbar ? theme.spacing.xl * 13 : 0
     }
   },
+  page: {
+    [theme.fn.smallerThan("sm")]: {
+      paddingTop: theme.spacing.xl * 3
+    }
+  },
   logo: {
     maxWidth: 200,
     [theme.fn.smallerThan("sm")]: {
@@ -2940,7 +2948,7 @@ const App = (props) => {
         main: { backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[8] : theme.colors.gray[0] }
       })
     },
-    /* @__PURE__ */ React__namespace.createElement("div", { style: { position: "relative" } }, (props.loading || account.opened) && /* @__PURE__ */ React__namespace.createElement(core.Center, { style: { height: 400 } }, /* @__PURE__ */ React__namespace.createElement(core.Loader, null)), !props.loading && !account.opened && props.page),
+    /* @__PURE__ */ React__namespace.createElement("div", { className: classes.page, style: { position: "relative" } }, (props.loading || account.opened) && /* @__PURE__ */ React__namespace.createElement(core.Center, { style: { height: 400 } }, /* @__PURE__ */ React__namespace.createElement(core.Loader, null)), !props.loading && !account.opened && props.page),
     !!account.accounts && !!account.account && /* @__PURE__ */ React__namespace.createElement(
       SwitchAccount,
       {