@local-civics/mgmt-ui 0.1.136 → 0.1.138

package/dist/index.mjs

@@ -685,7 +685,8 @@ const Badge = (props) => {
   const { classes } = useStyles$l();
   const [tab, setTab] = useState("lessons");
   const numberOfStudents = props.students.length;
-  const percentageOfBadgesEarned = numberOfStudents > 0 ? props.students.filter((u) => u.isComplete).length / numberOfStudents : 0;
+  const numberOfBadges = numberOfStudents > 0 ? props.students.filter((u) => u.isComplete).length : 0;
+  numberOfStudents > 0 ? props.students.filter((u) => u.isComplete).length / numberOfStudents : 0;
   return /* @__PURE__ */ React.createElement(Container, { size: "lg", py: "xl" }, /* @__PURE__ */ React.createElement(Stack$4, { spacing: "md" }, /* @__PURE__ */ React.createElement(Grid, null, /* @__PURE__ */ React.createElement(Grid.Col, { sm: "auto" }, /* @__PURE__ */ React.createElement(UnstyledButton, { onClick: props.onBackClick }, /* @__PURE__ */ React.createElement(
     Badge$1,
     {
@@ -704,8 +705,8 @@ const Badge = (props) => {
   ))))), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { style: { position: "relative" } }, /* @__PURE__ */ React.createElement(LoadingOverlay, { visible: props.loading, overlayBlur: 2 }), /* @__PURE__ */ React.createElement(Stack$4, null, /* @__PURE__ */ React.createElement(StatsGroup, { data: [
     {
       title: props.trial ? "LESSONS SUBMITTED" : "BADGE COMPLETION",
-      value: props.trial ? props.lessonsCompleted || 0 : percentageOfBadgesEarned,
-      unit: props.trial ? "" : "%"
+      value: props.trial ? props.lessonsCompleted || 0 : numberOfBadges,
+      unit: props.trial ? "" : ""
     }
   ] }), !props.trial && /* @__PURE__ */ React.createElement(
     Select,
@@ -1458,7 +1459,6 @@ function Table$7(props) {
 const Student = (props) => {
   const [tab, setTab] = useState("badges");
   const numberOfBadges = props.badges.length;
-  const percentageOfBadgesEarned = numberOfBadges > 0 ? props.badges.filter((b) => b.isComplete).length / numberOfBadges : 0;
   return /* @__PURE__ */ React.createElement(Container, { size: "lg", py: "xl" }, /* @__PURE__ */ React.createElement(Stack$4, { spacing: "md" }, /* @__PURE__ */ React.createElement(Grid, { gutter: "md" }, /* @__PURE__ */ React.createElement(Grid.Col, { sm: "auto" }, /* @__PURE__ */ React.createElement(UnstyledButton, { onClick: props.onBackClick }, /* @__PURE__ */ React.createElement(
     Badge$1,
     {
@@ -1481,13 +1481,13 @@ const Student = (props) => {
     },
     {
       title: "LESSON COMPLETION",
-      value: props.percentageOfLessonsCompleted,
-      unit: "%"
+      value: props.numberOfLessonsCompleted,
+      unit: ""
     },
     {
       title: "BADGE COMPLETION",
-      value: percentageOfBadgesEarned,
-      unit: "%"
+      value: numberOfBadges,
+      unit: ""
     }
   ] }), /* @__PURE__ */ React.createElement(Stack$4, { spacing: 0 }, /* @__PURE__ */ React.createElement(
     Tabs,
@@ -1898,7 +1898,8 @@ const Lesson = (props) => {
   const { classes } = useStyles$d();
   const [tab, setTab] = useState("question");
   const numberOfStudents = props.students.length;
-  const percentageOfLessonsCompleted = numberOfStudents > 0 ? props.students.filter((u) => u.isComplete).length / numberOfStudents : 0;
+  const numberOfLessons = numberOfStudents > 0 ? props.students.filter((u) => u.isComplete).length : 0;
+  numberOfStudents > 0 ? props.students.filter((u) => u.isComplete).length / numberOfStudents : 0;
   const contributors = props.contributors || [];
   const avatars = contributors.slice(0, 5).map((u, i) => {
     const fullName = u.name;
@@ -1958,8 +1959,8 @@ const Lesson = (props) => {
       data: [
         {
           title: props.trial ? "# OF SUBMISSIONS" : "LESSON COMPLETION",
-          value: props.trial ? props.lessonsCompleted || 0 : percentageOfLessonsCompleted,
-          unit: props.trial ? "" : "%"
+          value: props.trial ? props.lessonsCompleted || 0 : numberOfLessons,
+          unit: props.trial ? "" : ""
         }
       ]
     }