App reorganization

2026-04-18 14:12:49 -06:00
parent f866d11ff8
commit e9dab04b34
288 changed files with 2698 additions and 5029 deletions
@@ -0,0 +1,68 @@
+"use client";
+
+import { useMemo } from "react";
+import RuleCard from "../../../../components/cards/RuleCard";
+import type { Category } from "../../../../components/cards/RuleCard/RuleCard.types";
+import { useMessages, useTranslation } from "../../../../contexts/MessagesContext";
+import { useCreateFlow } from "../../context/CreateFlowContext";
+import { useCreateFlowMdUp } from "../../hooks/useCreateFlowMdUp";
+import {
+  CREATE_FLOW_REVIEW_RULE_CARD_LAYOUT_CLASS,
+  CreateFlowLockupCardStepShell,
+} from "../../components/CreateFlowLockupCardStepShell";
+
+function buildFinalReviewCategories(
+  rows: { name: string; chips: string[] }[],
+): Category[] {
+  return rows.map((cat) => ({
+    name: cat.name,
+    chipOptions: cat.chips.map((label, idx) => ({
+      id: `${cat.name}-${idx}`,
+      label,
+      state: "unselected" as const,
+    })),
+  }));
+}
+
+export function FinalReviewScreen() {
+  const { state } = useCreateFlow();
+  const mdUp = useCreateFlowMdUp();
+  const t = useTranslation("create.finalReview");
+  const m = useMessages();
+
+  const finalReviewCategories = useMemo(
+    () => buildFinalReviewCategories(m.create.finalReview.categories),
+    [m.create.finalReview.categories],
+  );
+
+  const ruleCardTitle = useMemo(() => {
+    const raw = typeof state.title === "string" ? state.title.trim() : "";
+    return raw.length > 0 ? raw : t("ruleCardTitleFallback");
+  }, [state.title, t]);
+
+  const ruleCardDescription = useMemo(() => {
+    const raw =
+      typeof state.summary === "string" ? state.summary.trim() : "";
+    return raw.length > 0 ? raw : t("ruleCardDescriptionFallback");
+  }, [state.summary, t]);
+
+  return (
+    <CreateFlowLockupCardStepShell
+      lockupTitle={t("title")}
+      lockupDescription={t("description")}
+    >
+      <RuleCard
+        title={ruleCardTitle}
+        description={ruleCardDescription}
+        size={mdUp ? "L" : "M"}
+        expanded={true}
+        backgroundColor="bg-[#c9fef9]"
+        logoUrl="/assets/Vector_MutualAid.svg"
+        logoAlt={ruleCardTitle}
+        categories={finalReviewCategories}
+        className={CREATE_FLOW_REVIEW_RULE_CARD_LAYOUT_CLASS}
+        onClick={() => {}}
+      />
+    </CreateFlowLockupCardStepShell>
+  );
+}