@local-civics/hub-ui 0.1.155 → 0.1.157
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +3 -3
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +3 -3
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -3161,7 +3161,7 @@ const BadgeCard = (props) => {
|
|
|
3161
3161
|
const buttonTheme = (choice == null ? void 0 : choice.completedAt) ? "light" : "dark";
|
|
3162
3162
|
const iconName = (choice == null ? void 0 : choice.completedAt) ? "check & circle" : "circle";
|
|
3163
3163
|
const iconColor = (choice == null ? void 0 : choice.completedAt) ? "text-green-500" : "text-zinc-300";
|
|
3164
|
-
return !!choice && /* @__PURE__ */ React.createElement("div", { key: id, className: "flex gap-x-2 items-center" }, /* @__PURE__ */ React.createElement("div", { className: `shrink-0 h-4 w-4 ${iconColor}` }, /* @__PURE__ */ React.createElement(Icon, { name: iconName })), /* @__PURE__ */ React.createElement("div", { className: "grow" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("span", { className: "font-semibold" }, choice.activityName)), /* @__PURE__ */ React.createElement("div", { className: "text-xs" }, /* @__PURE__ */ React.createElement("span", null, c.displayName), !!choice.xp && /* @__PURE__ */ React.createElement("span", { className: "ml-1 text-green-500 font-semibold whitespace-nowrap" }, choice.xp, " points"))),
|
|
3164
|
+
return !!choice && /* @__PURE__ */ React.createElement("div", { key: id, className: "flex gap-x-2 items-center" }, /* @__PURE__ */ React.createElement("div", { className: `shrink-0 h-4 w-4 ${iconColor}` }, /* @__PURE__ */ React.createElement(Icon, { name: iconName })), /* @__PURE__ */ React.createElement("div", { className: "grow" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("span", { className: "font-semibold" }, choice.activityName)), /* @__PURE__ */ React.createElement("div", { className: "text-xs" }, /* @__PURE__ */ React.createElement("span", null, c.displayName), !!choice.xp && /* @__PURE__ */ React.createElement("span", { className: "ml-1 text-green-500 font-semibold whitespace-nowrap" }, choice.xp, " points"))), !props.preview && /* @__PURE__ */ React.createElement("div", { className: "shrink-0 w-full max-w-[7rem]" }, /* @__PURE__ */ React.createElement(
|
|
3165
3165
|
Button,
|
|
3166
3166
|
{
|
|
3167
3167
|
onClick: choice.onClick,
|
|
@@ -5517,7 +5517,7 @@ const TaskList = (props) => {
|
|
|
5517
5517
|
const PathwayCard = (props) => {
|
|
5518
5518
|
var _a, _b;
|
|
5519
5519
|
const badges = props.badges || [];
|
|
5520
|
-
const
|
|
5520
|
+
const completedCount = badges.filter((b) => b.completedAt).length;
|
|
5521
5521
|
const target = props.target || badges.length;
|
|
5522
5522
|
return /* @__PURE__ */ React.createElement(Card, { onClose: props.onClose }, /* @__PURE__ */ React.createElement("div", { className: "pb-5 text-zinc-600" }, /* @__PURE__ */ React.createElement("div", { className: "pb-5 px-5 flex gap-x-2" }, /* @__PURE__ */ React.createElement(
|
|
5523
5523
|
BadgeEmblem,
|
|
@@ -5526,7 +5526,7 @@ const PathwayCard = (props) => {
|
|
|
5526
5526
|
alt: props.title,
|
|
5527
5527
|
size: "md"
|
|
5528
5528
|
}
|
|
5529
|
-
), /* @__PURE__ */ React.createElement("div", { className: "max-w-[20rem]" }, /* @__PURE__ */ React.createElement("p", { className: "font-semibold" }, props.title), /* @__PURE__ */ React.createElement("div", { className: "text-xs" }, /* @__PURE__ */ React.createElement("span", { className: "text-zinc-500 font-semibold" }, "Tags"), ((_a = props.displayTags) != null ? _a : []).length > 0 && /* @__PURE__ */ React.createElement("div", { className: "inline-block ml-1 text-green-500" }, ((_b = props.displayTags) != null ? _b : []).map((tag, index) => /* @__PURE__ */ React.createElement("span", { key: index, className: "font-semibold mr-1" }, tag)))), !!props.description && /* @__PURE__ */ React.createElement("p", { className: "mt-2 text-sm" }, props.description))), /* @__PURE__ */ React.createElement("div", { className: "p-5 grid grid-cols-1 gap-y-3 md:min-w-[30rem] max-w-[40rem] border-t border-zinc-200" }, /* @__PURE__ */ React.createElement("p", { className: "font-semibold" }, "Pathway Badges & Criteria"), /* @__PURE__ */ React.createElement("p", { className: "text-xs" }, "This pathway is comprised of ", target, " Badges. It includes required and elective programming."), /* @__PURE__ */ React.createElement("p", { className: "text-xs" }, "Progress: ",
|
|
5529
|
+
), /* @__PURE__ */ React.createElement("div", { className: "max-w-[20rem]" }, /* @__PURE__ */ React.createElement("p", { className: "font-semibold" }, props.title), /* @__PURE__ */ React.createElement("div", { className: "text-xs" }, /* @__PURE__ */ React.createElement("span", { className: "text-zinc-500 font-semibold" }, "Tags"), ((_a = props.displayTags) != null ? _a : []).length > 0 && /* @__PURE__ */ React.createElement("div", { className: "inline-block ml-1 text-green-500" }, ((_b = props.displayTags) != null ? _b : []).map((tag, index) => /* @__PURE__ */ React.createElement("span", { key: index, className: "font-semibold mr-1" }, tag)))), !!props.description && /* @__PURE__ */ React.createElement("p", { className: "mt-2 text-sm" }, props.description))), /* @__PURE__ */ React.createElement("div", { className: "p-5 grid grid-cols-1 gap-y-3 md:min-w-[30rem] max-w-[40rem] border-t border-zinc-200" }, /* @__PURE__ */ React.createElement("p", { className: "font-semibold" }, "Pathway Badges & Criteria"), /* @__PURE__ */ React.createElement("p", { className: "text-xs" }, "This pathway is comprised of ", target, " Badges. It includes required and elective programming."), /* @__PURE__ */ React.createElement("p", { className: "text-xs" }, "Progress: ", completedCount, " / ", target, " badges completed."), /* @__PURE__ */ React.createElement("div", { className: "mt-2 grid grid-cols-1 gap-y-2 max-h-[18rem] overflow-y-auto" }, badges.map((b) => {
|
|
5530
5530
|
const buttonText = b.completedAt ? "Completed" : b.startedAt ? "Continue" : "Start";
|
|
5531
5531
|
const buttonTheme = b.completedAt ? "light" : "dark";
|
|
5532
5532
|
const iconName = b.completedAt ? "check & circle" : "circle";
|