Full cleanup pass

2026-05-21 23:25:56 -06:00
parent 28de8ef3bc
commit 99f535f821
149 changed files with 2623 additions and 1242 deletions
@@ -1,5 +1,9 @@
 "use client";

+/**
+ * Figma: "Sections / FeatureGrid" (see registry)
+ */
+
 import { memo, useMemo } from "react";
 import { getAssetPath, featurePanelPath } from "../../../../lib/assetUtils";
 import { useTranslation } from "../../../contexts/MessagesContext";
@@ -1,3 +1,7 @@
+"use client";
+
+import { useTranslation } from "../../../contexts/MessagesContext";
+
 /**
 * Placeholder grid matching GovernanceTemplateGrid layout (loading state).
 */
@@ -8,6 +12,7 @@ export function GovernanceTemplateGridSkeleton({
  count: number;
  twoColumnsFromMd?: boolean;
 }) {
+  const t = useTranslation("controlsChrome");
  const gridLayoutClasses = twoColumnsFromMd
    ? `
        flex flex-col gap-[18px]
@@ -24,7 +29,7 @@ export function GovernanceTemplateGridSkeleton({
    <div
      className={gridLayoutClasses}
      aria-busy
-      aria-label="Loading templates"
+      aria-label={t("governanceTemplateGridLoading")}
    >
      {Array.from({ length: count }, (_, i) => (
        <div
@@ -1,5 +1,9 @@
 "use client";

+/**
+ * Figma: "Sections / Hero" (see registry)
+ */
+
 import { memo } from "react";
 import { useTranslation } from "../../../contexts/MessagesContext";
 import ContentLockup from "../../type/ContentLockup";
@@ -1,55 +1,64 @@
 "use client";

+/**
+ * Figma: "Sections / LogoWall" (see registry)
+ */
+
 import { memo, useState, useEffect, useMemo } from "react";
+import { useTranslation } from "../../../contexts/MessagesContext";
 import { getAssetPath, partnerLogoPath } from "../../../../lib/assetUtils";
 import LogoWallView from "./LogoWall.view";
 import type { LogoWallProps } from "./LogoWall.types";

-const defaultLogos = [
-  {
-    src: getAssetPath(partnerLogoPath("food-not-bombs")),
-    alt: "Food Not Bombs",
-    size: "h-11 lg:h-14 xl:h-[70px]",
-    order: "order-1 sm:order-4", // Mobile: row 1 col 1, SM: row 2 col 1 (bottom left)
-  },
-  {
-    src: getAssetPath(partnerLogoPath("start-coop")),
-    alt: "Start COOP",
-    size: "h-[42px] lg:h-[53px] xl:h-[66px]",
-    order: "order-2 sm:order-2", // Mobile: row 1 col 2, SM: row 1 col 2 (top middle)
-  },
-  {
-    src: getAssetPath(partnerLogoPath("metagov")),
-    alt: "Metagov",
-    size: "h-6 lg:h-8 xl:h-[41px]",
-    order: "order-3 sm:order-1", // Mobile: row 2 col 1, SM: row 1 col 1 (top left)
-  },
-  {
-    src: getAssetPath(partnerLogoPath("open-civics")),
-    alt: "Open Civics",
-    size: "h-8 lg:h-10 xl:h-[50px]",
-    order: "order-4 sm:order-5 md:order-6", // Mobile: row 2 col 2, SM: row 2 col 2, MD: swapped with Mutual Aid CO
-  },
-  {
-    src: getAssetPath(partnerLogoPath("mutual-aid-co")),
-    alt: "Mutual Aid CO",
-    size: "h-11 lg:h-14 xl:h-[70px]",
-    order: "order-5 sm:order-6 md:order-5", // Mobile: row 3 col 1, SM: row 2 col 3, MD: swapped with OpenCivics
-  },
-  {
-    src: getAssetPath(partnerLogoPath("cu-boulder")),
-    alt: "CU Boulder",
-    size: "h-10 lg:h-12 xl:h-[60px]",
-    order: "order-6 sm:order-3", // Mobile: row 3 col 2, SM: row 1 col 3 (top right)
-  },
-];
-
 const LogoWallContainer = memo<LogoWallProps>(({ logos, className = "" }) => {
+  const t = useTranslation("logoWall");
  const [isVisible, setIsVisible] = useState(false);

+  const defaultLogos = useMemo(
+    () => [
+      {
+        src: getAssetPath(partnerLogoPath("food-not-bombs")),
+        alt: t("partners.foodNotBombs"),
+        size: "h-11 lg:h-14 xl:h-[70px]",
+        order: "order-1 sm:order-4",
+      },
+      {
+        src: getAssetPath(partnerLogoPath("start-coop")),
+        alt: t("partners.startCoop"),
+        size: "h-[42px] lg:h-[53px] xl:h-[66px]",
+        order: "order-2 sm:order-2",
+      },
+      {
+        src: getAssetPath(partnerLogoPath("metagov")),
+        alt: t("partners.metagov"),
+        size: "h-6 lg:h-8 xl:h-[41px]",
+        order: "order-3 sm:order-1",
+      },
+      {
+        src: getAssetPath(partnerLogoPath("open-civics")),
+        alt: t("partners.openCivics"),
+        size: "h-8 lg:h-10 xl:h-[50px]",
+        order: "order-4 sm:order-5 md:order-6",
+      },
+      {
+        src: getAssetPath(partnerLogoPath("mutual-aid-co")),
+        alt: t("partners.mutualAidCo"),
+        size: "h-11 lg:h-14 xl:h-[70px]",
+        order: "order-5 sm:order-6 md:order-5",
+      },
+      {
+        src: getAssetPath(partnerLogoPath("cu-boulder")),
+        alt: t("partners.cuBoulder"),
+        size: "h-10 lg:h-12 xl:h-[60px]",
+        order: "order-6 sm:order-3",
+      },
+    ],
+    [t],
+  );
+
  const displayLogos = useMemo(
    () => (logos && logos.length > 0 ? logos : defaultLogos),
-    [logos],
+    [logos, defaultLogos],
  );

  useEffect(() => {
@@ -3,7 +3,7 @@
 import { memo } from "react";
 import { getAssetPath, quoteStatementShapePath } from "../../../../lib/assetUtils";

-/** Figma: Section / Quote — **`shape-qoute.svg`** (22137:890679). */
+/** Figma: Section / Quote — **`shape-quote.svg`** (22137:890679). */
 const EDGE_MASK =
  "linear-gradient(to right, #fff 0%, #fff 14%, rgba(255,255,255,0) 30%, rgba(255,255,255,0) 70%, #fff 86%, #fff 100%)";

@@ -1,5 +1,9 @@
 "use client";

+/**
+ * Figma: "Sections / RelatedArticles" (22112-872308)
+ */
+
 import { useState, useEffect, memo, useMemo, useCallback } from "react";
 import { useIsMobile } from "../../../hooks";
 import { useMessages } from "../../../contexts/MessagesContext";
@@ -1,5 +1,9 @@
 "use client";

+/**
+ * Figma: "Sections / RuleStack" (22085-860413)
+ */
+
 import { memo, useEffect, useState } from "react";
 import { useRouter } from "next/navigation";
 import { logger } from "../../../../lib/logger";
@@ -1,5 +1,9 @@
 "use client";

+/**
+ * Figma: "Sections / SectionNumber" (see registry)
+ */
+
 import { memo } from "react";
 import { getAssetPath, sectionNumberPath } from "../../../lib/assetUtils";