Create Community stage implemented

2026-04-14 09:22:03 -06:00
parent a0de78c020
commit f8255bc2c7
73 changed files with 1105 additions and 392 deletions
@@ -0,0 +1,37 @@
+import type { ProportionBarState } from "../../components/progress/ProportionBar/ProportionBar.types";
+import type { CreateFlowStep } from "../types";
+import { FLOW_STEP_ORDER, getStepIndex } from "./flowSteps";
+
+/**
+ * One `ProportionBarState` per index in `FLOW_STEP_ORDER` (same length).
+ * Third Create Community step (`community-structure`) uses `1-2` per Figma.
+ */
+const PROPORTION_BY_STEP_INDEX: readonly ProportionBarState[] = [
+  "1-0", // informational
+  "1-1", // community-name
+  "1-2", // community-structure
+  "1-3", // community-context
+  "1-4", // community-size
+  "1-5", // community-upload
+  "2-0", // community-save
+  "2-0", // review (Figma Flow — Review `19706:12135`: same segment fill as end of Create Community)
+  "2-2", // cards
+  "3-0", // right-rail
+  "3-1", // confirm-stakeholders
+  "3-2", // final-review
+  "3-2", // completed
+] as const;
+
+if (PROPORTION_BY_STEP_INDEX.length !== FLOW_STEP_ORDER.length) {
+  throw new Error(
+    "createFlowProportionProgress: PROPORTION_BY_STEP_INDEX length must match FLOW_STEP_ORDER",
+  );
+}
+
+export function getProportionBarProgressForCreateFlowStep(
+  step: CreateFlowStep | null | undefined,
+): ProportionBarState {
+  const idx = getStepIndex(step);
+  if (idx < 0) return "1-0";
+  return PROPORTION_BY_STEP_INDEX[idx] ?? "1-0";
+}