Cleanup pass 2

2026-05-22 13:30:47 -06:00
parent b7c804bac8
commit 753220f97b
76 changed files with 1338 additions and 1020 deletions
@@ -237,6 +237,16 @@ const CreateFlowTopNavContainer = memo<CreateFlowTopNavProps>(
        exportPopoverMarkdownLabel={tPopover("downloadMarkdown")}
        moreOptionsAriaLabel={t("moreOptionsAriaLabel")}
        actionsMenuAriaLabel={t("actionsMenuAriaLabel")}
+        shareLabel={t("share")}
+        exportLabel={t("export")}
+        editLabel={t("edit")}
+        manageStakeholdersLabel={t("manageStakeholders")}
+        shareAriaLabel={t("shareAriaLabel")}
+        exportAriaLabel={t("exportAriaLabel")}
+        editAriaLabel={t("editAriaLabel")}
+        manageStakeholdersAriaLabel={t("manageStakeholdersAriaLabel")}
+        bannerAriaLabel={t("bannerAriaLabel")}
+        navAriaLabel={t("navAriaLabel")}
      />
    );
  },
@@ -110,4 +110,14 @@ export type CreateFlowTopNavViewProps = CreateFlowTopNavProps & {
  exportPopoverMarkdownLabel: string;
  moreOptionsAriaLabel: string;
  actionsMenuAriaLabel: string;
+  shareLabel: string;
+  exportLabel: string;
+  editLabel: string;
+  manageStakeholdersLabel: string;
+  shareAriaLabel: string;
+  exportAriaLabel: string;
+  editAriaLabel: string;
+  manageStakeholdersAriaLabel: string;
+  bannerAriaLabel: string;
+  navAriaLabel: string;
 };
@@ -4,7 +4,6 @@ import Logo from "../../asset/Logo";
 import Button from "../../buttons/Button";
 import ListItem from "../../layout/ListItem";
 import Popover from "../../modals/Popover";
-import { useTranslation } from "../../../contexts/MessagesContext";
 import type { CreateFlowTopNavViewProps } from "./CreateFlowTopNav.types";

 const outlineButtonClass =
@@ -65,9 +64,17 @@ export function CreateFlowTopNavView({
  exportPopoverMarkdownLabel,
  moreOptionsAriaLabel,
  actionsMenuAriaLabel,
+  shareLabel,
+  exportLabel,
+  editLabel,
+  manageStakeholdersLabel,
+  shareAriaLabel,
+  exportAriaLabel,
+  editAriaLabel,
+  manageStakeholdersAriaLabel,
+  bannerAriaLabel,
+  navAriaLabel,
 }: CreateFlowTopNavViewProps) {
-  const t = useTranslation("create.topNav");
-
  const hasSecondaryActions =
    hasShare ||
    hasExport ||
@@ -83,10 +90,10 @@ export function CreateFlowTopNavView({
          palette={buttonPalette}
          size="xsmall"
          onClick={onShare}
-          ariaLabel={t("shareAriaLabel")}
+          ariaLabel={shareAriaLabel}
          className={outlineButtonClass}
        >
-          {t("share")}
+          {shareLabel}
        </Button>
      )}

@@ -97,14 +104,14 @@ export function CreateFlowTopNavView({
            palette={buttonPalette}
            size="xsmall"
            type="button"
-            ariaLabel={t("exportAriaLabel")}
+            ariaLabel={exportAriaLabel}
            aria-haspopup="menu"
            aria-expanded={exportMenuOpen}
            aria-controls={exportMenuId}
            onClick={() => setExportMenuOpen((o) => !o)}
            className={`justify-center gap-[var(--spacing-scale-002,2px)] !pl-[var(--spacing-scale-012,12px)] !pr-[var(--spacing-scale-006,6px)] md:!pr-[var(--spacing-scale-006,6px)] ${outlineButtonClass}`}
          >
-            <span>{t("export")}</span>
+            <span>{exportLabel}</span>
            <svg
              width="12"
              height="12"
@@ -166,11 +173,11 @@ export function CreateFlowTopNavView({
          size="xsmall"
          onClick={onDuplicate}
          ariaLabel={
-            duplicateAriaLabel ?? duplicateLabel ?? t("editAriaLabel")
+            duplicateAriaLabel ?? duplicateLabel ?? editAriaLabel
          }
          className={outlineButtonClass}
        >
-          {duplicateLabel ?? t("edit")}
+          {duplicateLabel ?? editLabel}
        </Button>
      )}

@@ -180,10 +187,10 @@ export function CreateFlowTopNavView({
          palette={buttonPalette}
          size="xsmall"
          onClick={onEdit}
-          ariaLabel={t("editAriaLabel")}
+          ariaLabel={editAriaLabel}
          className={outlineButtonClass}
        >
-          {t("edit")}
+          {editLabel}
        </Button>
      )}

@@ -194,10 +201,10 @@ export function CreateFlowTopNavView({
          size="xsmall"
          type="button"
          onClick={onManageStakeholders}
-          ariaLabel={t("manageStakeholdersAriaLabel")}
+          ariaLabel={manageStakeholdersAriaLabel}
          className={outlineButtonClass}
        >
-          {t("manageStakeholders")}
+          {manageStakeholdersLabel}
        </Button>
      ) : null}

@@ -219,12 +226,12 @@ export function CreateFlowTopNavView({
    <header
      className={`bg-black w-full ${className}`}
      role="banner"
-      aria-label={t("bannerAriaLabel")}
+      aria-label={bannerAriaLabel}
    >
      <nav
        className="flex items-center justify-between mx-auto max-w-[639px] md:max-w-[1920px] px-[var(--spacing-measures-spacing-500,20px)] md:px-[48px] py-[var(--spacing-measures-spacing-300,12px)] md:py-[var(--spacing-measures-spacing-016,16px)]"
        role="navigation"
-        aria-label={t("navAriaLabel")}
+        aria-label={navAriaLabel}
      >
        <Logo size="createFlow" wordmark palette={buttonPalette} />

@@ -192,13 +192,13 @@ const Footer = memo(() => {
              lg:gap-10
              lg:text-sm lg:leading-5"
            >
-              <Link href="#" className={legalLinkClass}>
+              <Link href={t("legal.privacyPolicyHref")} className={legalLinkClass}>
                {t("legal.privacyPolicy")}
              </Link>
-              <Link href="#" className={legalLinkClass}>
+              <Link href={t("legal.termsOfServiceHref")} className={legalLinkClass}>
                {t("legal.termsOfService")}
              </Link>
-              <Link href="#" className={legalLinkClass}>
+              <Link href={t("legal.cookiesSettingsHref")} className={legalLinkClass}>
                {t("legal.cookiesSettings")}
              </Link>
            </div>