@local-civics/hub-ui 0.1.205 → 0.1.206
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 +4 -0
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +4 -0
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -5637,9 +5637,12 @@ const PathwayOverview = (props) => {
|
|
|
5637
5637
|
};
|
|
5638
5638
|
|
|
5639
5639
|
const PathwayTranscript = (props) => {
|
|
5640
|
+
console.log("1. Raw Badges from Props:", props.badges);
|
|
5641
|
+
console.log("2. Category Hierarchy:", props.categoryParents);
|
|
5640
5642
|
const [layout, setLayout] = React__namespace.useState("list");
|
|
5641
5643
|
const badges = props.badges || [];
|
|
5642
5644
|
const completedBadges = badges.filter((b) => !!b.completedAt);
|
|
5645
|
+
console.log("3. Badges with completedAt flag:", completedBadges);
|
|
5643
5646
|
const rootIds = Object.keys(props.categoryParents || {}).filter((id) => {
|
|
5644
5647
|
var _a;
|
|
5645
5648
|
return !((_a = props.categoryParents) == null ? void 0 : _a[id]);
|
|
@@ -5649,6 +5652,7 @@ const PathwayTranscript = (props) => {
|
|
|
5649
5652
|
const parentId = (_a = props.categoryParents) == null ? void 0 : _a[id];
|
|
5650
5653
|
return parentId && rootIds.includes(parentId);
|
|
5651
5654
|
});
|
|
5655
|
+
console.log("4. Level 2 Category IDs found:", level2Ids);
|
|
5652
5656
|
return /* @__PURE__ */ React__namespace.createElement("div", { className: "p-6 space-y-10 border-t border-zinc-100 bg-zinc-50/30 animate-in fade-in duration-500" }, /* @__PURE__ */ React__namespace.createElement("div", { className: "grid grid-cols-3 gap-4 bg-white p-5 rounded-xl border border-zinc-100 shadow-sm text-sm" }, /* @__PURE__ */ React__namespace.createElement("div", null, /* @__PURE__ */ React__namespace.createElement("p", { className: "text-zinc-400 uppercase text-[9px] font-black mb-1" }, "Student"), /* @__PURE__ */ React__namespace.createElement("p", { className: "font-bold text-zinc-800" }, props.studentName || "Guest User"), /* @__PURE__ */ React__namespace.createElement("p", { className: "text-zinc-500 text-[11px] mt-0.5" }, props.studentEmail)), /* @__PURE__ */ React__namespace.createElement("div", null, /* @__PURE__ */ React__namespace.createElement("p", { className: "text-zinc-400 uppercase text-[9px] font-black mb-1" }, "Organization"), /* @__PURE__ */ React__namespace.createElement("p", { className: "font-bold text-zinc-800" }, props.schoolName || "Not Provided"), /* @__PURE__ */ React__namespace.createElement("p", { className: "text-zinc-500 text-[11px] mt-0.5" }, props.gradeLevel ? `Grade ${props.gradeLevel}` : "")), /* @__PURE__ */ React__namespace.createElement("div", null, /* @__PURE__ */ React__namespace.createElement("p", { className: "text-zinc-400 uppercase text-[9px] font-black mb-1" }, "Status"), /* @__PURE__ */ React__namespace.createElement("p", { className: "text-blue-500 font-bold text-[10px] uppercase" }, "Verified Record"), /* @__PURE__ */ React__namespace.createElement("p", { className: "text-zinc-400 text-[10px] mt-0.5" }, props.today))), /* @__PURE__ */ React__namespace.createElement("section", null, /* @__PURE__ */ React__namespace.createElement("p", { className: "text-[10px] font-black uppercase text-zinc-400 tracking-widest mb-3" }, "Criteria & Progress"), /* @__PURE__ */ React__namespace.createElement("div", { className: "p-5 border border-zinc-100 rounded-xl bg-white shadow-sm" }, /* @__PURE__ */ React__namespace.createElement(PathwayProgressBarChart, { targets: props.mappedTargets, points: props.mappedPoints, height: "md" }))), /* @__PURE__ */ React__namespace.createElement("section", { className: "space-y-8" }, /* @__PURE__ */ React__namespace.createElement("div", { className: "flex justify-between items-center border-b border-zinc-200 pb-3" }, /* @__PURE__ */ React__namespace.createElement("p", { className: "text-[10px] font-black uppercase text-zinc-400 tracking-widest" }, "Completed Activity"), /* @__PURE__ */ React__namespace.createElement("div", { className: "flex bg-white border border-zinc-200 p-1 rounded-md text-xs font-bold" }, /* @__PURE__ */ React__namespace.createElement(
|
|
5653
5657
|
"button",
|
|
5654
5658
|
{
|