@local-civics/hub-ui 0.1.242 → 0.1.244

package/dist/index.d.ts

@@ -329,6 +329,7 @@ type BadgeDetailProps = {
     choices?: BadgeActivityProps[];
     canSubmit?: boolean;
     finishedAt?: string;
+    preview?: boolean;
     onSubmit?: () => void;
 };
 /**
@@ -1633,6 +1634,8 @@ declare const Comments: (props: CommentsProps) => JSX.Element;
 type SubmissionReviewHeaderProps = {
     name?: string;
     email?: string;
+    onViewOverview?: () => void;
+    overviewLabel?: string;
 };
 /**
  * A compact identity strip shown above a single-student badge/lesson preview, so an educator

package/dist/index.js

@@ -3932,7 +3932,7 @@ const BadgeDetail = (props) => {
   });
   const status = props.finishedAt ? "Completed" : anyStarted || xp > 0 ? "In Progress" : "Available";
   const { border, shadow, pillAccent } = STATUS_CLASSNAMES$1[status];
-  const showSubmit = !props.finishedAt && criteria.length > 0;
+  const showSubmit = !props.preview && !props.finishedAt && criteria.length > 0;
   return /* @__PURE__ */ React__namespace.createElement("div", { className: "flex w-full flex-col gap-3.5" }, /* @__PURE__ */ React__namespace.createElement("div", { className: `overflow-hidden rounded-2xl border bg-white ${border} ${shadow}` }, /* @__PURE__ */ React__namespace.createElement("div", { className: "flex gap-4 p-5" }, /* @__PURE__ */ React__namespace.createElement("div", { className: "shrink-0" }, /* @__PURE__ */ React__namespace.createElement(
     BadgeEmblem,
     {
@@ -7297,7 +7297,16 @@ const SubmissionReviewHeader = (props) => {
     return null;
   }
   const showEmailLine = !!props.name && !!props.email && props.name !== props.email;
-  return /* @__PURE__ */ React__namespace.createElement("div", { className: "mb-4 flex items-center gap-3 rounded-xl border border-slate-200 bg-white px-4 py-3" }, /* @__PURE__ */ React__namespace.createElement("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-sky-blue-400/15 text-sm font-bold text-sky-blue-400" }, initialsFor(props.name, props.email)), /* @__PURE__ */ React__namespace.createElement("div", { className: "min-w-0 flex-1" }, /* @__PURE__ */ React__namespace.createElement("div", { className: "truncate text-sm font-extrabold text-dark-blue-400" }, props.name || props.email), showEmailLine && /* @__PURE__ */ React__namespace.createElement("div", { className: "truncate text-xs text-slate-400" }, props.email)), /* @__PURE__ */ React__namespace.createElement("span", { className: "shrink-0 rounded-full bg-slate-100 px-3 py-1 text-[10px] font-bold uppercase tracking-wide text-slate-500" }, "Preview"));
+  return /* @__PURE__ */ React__namespace.createElement("div", { className: "mb-4 flex items-center gap-3 rounded-xl border border-slate-200 bg-white px-4 py-3" }, /* @__PURE__ */ React__namespace.createElement("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-sky-blue-400/15 text-sm font-bold text-sky-blue-400" }, initialsFor(props.name, props.email)), /* @__PURE__ */ React__namespace.createElement("div", { className: "min-w-0 flex-1" }, /* @__PURE__ */ React__namespace.createElement("div", { className: "truncate text-sm font-extrabold text-dark-blue-400" }, props.name || props.email), showEmailLine && /* @__PURE__ */ React__namespace.createElement("div", { className: "truncate text-xs text-slate-400" }, props.email)), props.onViewOverview && props.overviewLabel && /* @__PURE__ */ React__namespace.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: props.onViewOverview,
+      className: "shrink-0 text-xs font-bold text-dark-blue-400 hover:underline"
+    },
+    props.overviewLabel,
+    " \u2192"
+  ), /* @__PURE__ */ React__namespace.createElement("span", { className: "shrink-0 rounded-full bg-slate-100 px-3 py-1 text-[10px] font-bold uppercase tracking-wide text-slate-500" }, "Preview"));
 };
 
 const AuthLayout = (props) => {