@local-civics/mgmt-ui 0.1.136 → 0.1.138

package/dist/index.d.ts

@@ -365,6 +365,7 @@ type StudentProps = {
     impactStatement: string;
     numberOfProblemsSolved: number;
     percentageOfLessonsCompleted: number;
+    numberOfLessonsCompleted: number;
     badges: Item$c[];
     answers: Item$b[];
     reflections: Item$a[];

package/dist/index.js

@@ -705,7 +705,8 @@ const Badge = (props) => {
   const { classes } = useStyles$l();
   const [tab, setTab] = React.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__namespace.createElement(core.Container, { size: "lg", py: "xl" }, /* @__PURE__ */ React__namespace.createElement(core.Stack, { spacing: "md" }, /* @__PURE__ */ React__namespace.createElement(core.Grid, null, /* @__PURE__ */ React__namespace.createElement(core.Grid.Col, { sm: "auto" }, /* @__PURE__ */ React__namespace.createElement(core.UnstyledButton, { onClick: props.onBackClick }, /* @__PURE__ */ React__namespace.createElement(
     core.Badge,
     {
@@ -724,8 +725,8 @@ const Badge = (props) => {
   ))))), /* @__PURE__ */ React__namespace.createElement("div", null, /* @__PURE__ */ React__namespace.createElement("div", { style: { position: "relative" } }, /* @__PURE__ */ React__namespace.createElement(core.LoadingOverlay, { visible: props.loading, overlayBlur: 2 }), /* @__PURE__ */ React__namespace.createElement(core.Stack, null, /* @__PURE__ */ React__namespace.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__namespace.createElement(
     core.Select,
@@ -1478,7 +1479,6 @@ function Table$7(props) {
 const Student = (props) => {
   const [tab, setTab] = React.useState("badges");
   const numberOfBadges = props.badges.length;
-  const percentageOfBadgesEarned = numberOfBadges > 0 ? props.badges.filter((b) => b.isComplete).length / numberOfBadges : 0;
   return /* @__PURE__ */ React__namespace.createElement(core.Container, { size: "lg", py: "xl" }, /* @__PURE__ */ React__namespace.createElement(core.Stack, { spacing: "md" }, /* @__PURE__ */ React__namespace.createElement(core.Grid, { gutter: "md" }, /* @__PURE__ */ React__namespace.createElement(core.Grid.Col, { sm: "auto" }, /* @__PURE__ */ React__namespace.createElement(core.UnstyledButton, { onClick: props.onBackClick }, /* @__PURE__ */ React__namespace.createElement(
     core.Badge,
     {
@@ -1501,13 +1501,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__namespace.createElement(core.Stack, { spacing: 0 }, /* @__PURE__ */ React__namespace.createElement(
     Tabs,
@@ -1918,7 +1918,8 @@ const Lesson = (props) => {
   const { classes } = useStyles$d();
   const [tab, setTab] = React.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;
@@ -1978,8 +1979,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 ? "" : ""
         }
       ]
     }