@local-civics/hub-ui 0.1.256 → 0.1.257
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 -3
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +4 -3
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -4739,7 +4739,7 @@ const LearningForm = (props) => {
|
|
|
4739
4739
|
}), /* @__PURE__ */ React__default.createElement(
|
|
4740
4740
|
FormItem,
|
|
4741
4741
|
{
|
|
4742
|
-
displayName:
|
|
4742
|
+
displayName: "Optional: What is one takeaway from this lesson?",
|
|
4743
4743
|
description: "",
|
|
4744
4744
|
format: "question",
|
|
4745
4745
|
questionType: "text",
|
|
@@ -7309,13 +7309,14 @@ const CommentCard = (props) => {
|
|
|
7309
7309
|
onClick: props.onBadgeClick ? () => props.onBadgeClick(comment.badgeId) : void 0
|
|
7310
7310
|
} : { label: "General", kind: "general", onClick: void 0 };
|
|
7311
7311
|
const needsAttention = comment.requireValidation && !comment.resolvedAt;
|
|
7312
|
-
const
|
|
7312
|
+
const canResubmit = !!comment.needsSubmission;
|
|
7313
|
+
const actionLabel = target.kind === "badge" ? canResubmit ? "Resubmit this badge" : "View this badge" : target.kind === "lesson" ? canResubmit ? "Resubmit this lesson" : "View this lesson" : void 0;
|
|
7313
7314
|
return /* @__PURE__ */ React.createElement("div", { className: `rounded-2xl border bg-white p-4 ${needsAttention ? "border-gold-400/40" : "border-slate-200"}` }, /* @__PURE__ */ React.createElement("div", { className: "flex items-start justify-between gap-3" }, /* @__PURE__ */ React.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React.createElement("div", { className: "text-xs font-extrabold text-dark-blue-400" }, target.label), /* @__PURE__ */ React.createElement("div", { className: "mt-0.5 flex items-center gap-1.5 text-[11px] text-slate-400" }, comment.commenterName && /* @__PURE__ */ React.createElement("span", null, "Commenter: ", comment.commenterName), comment.commenterName && comment.createdAt && /* @__PURE__ */ React.createElement("span", null, "\xB7"), comment.createdAt && /* @__PURE__ */ React.createElement("span", null, formatDate(comment.createdAt)))), comment.requireValidation && (!comment.resolvedAt ? /* @__PURE__ */ React.createElement("span", { className: "shrink-0 rounded-full bg-gold-400/15 px-2.5 py-1 text-[10px] font-bold text-dark-blue-400" }, "Needs validation") : comment.needsSubmission ? /* @__PURE__ */ React.createElement("span", { className: "shrink-0 rounded-full bg-sky-blue-400/15 px-2.5 py-1 text-[10px] font-bold text-dark-blue-400" }, "Needs submission") : /* @__PURE__ */ React.createElement("span", { className: "flex shrink-0 items-center gap-1 rounded-full bg-mint-400/15 px-2.5 py-1 text-[10px] font-bold text-dark-blue-400" }, /* @__PURE__ */ React.createElement(IconCheck, { size: 11, stroke: 3, className: "text-mint-400" }), "Resolved"))), /* @__PURE__ */ React.createElement("p", { className: "mt-2.5 text-xs text-slate-600" }, comment.commentText), actionLabel && target.onClick && /* @__PURE__ */ React.createElement(
|
|
7314
7315
|
"button",
|
|
7315
7316
|
{
|
|
7316
7317
|
type: "button",
|
|
7317
7318
|
onClick: target.onClick,
|
|
7318
|
-
className: `mt-3 flex items-center gap-1 rounded-lg px-3 py-1.5 text-[11px] font-extrabold ${
|
|
7319
|
+
className: `mt-3 flex items-center gap-1 rounded-lg px-3 py-1.5 text-[11px] font-extrabold ${canResubmit ? "bg-gold-400/15 text-dark-blue-400 hover:bg-gold-400/25" : "border border-slate-200 text-dark-blue-400 hover:bg-slate-50"}`
|
|
7319
7320
|
},
|
|
7320
7321
|
actionLabel,
|
|
7321
7322
|
/* @__PURE__ */ React.createElement(IconArrowRight, { size: 12, stroke: 2.5 })
|