function getDoneStepContent()

in src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/fix/high-risk-data-breaches/highRiskBreachData.tsx [49:196]


function getDoneStepContent(
  l10n: ExtendedReactLocalization,
  nextStep: StepLink,
): { summary: string; description: ReactNode } {
  // Passwords next
  if (nextStep.id === "LeakedPasswordsPassword") {
    return {
      summary: "",
      description: (
        <>
          <p>
            {l10n.getString(
              "fix-flow-celebration-high-risk-description-in-progress",
            )}
          </p>
          <p>
            {l10n.getString(
              "fix-flow-celebration-high-risk-description-next-passwords",
            )}
          </p>
          <TelemetryButton
            event={{
              module: "ctaButton",
              name: "click",
              data: {
                button_id: "continue_celebrate_high_risk",
              },
            }}
            variant="primary"
            small
            href={nextStep.href}
            autoFocus={true}
          >
            {l10n.getString("fix-flow-celebration-next-label")}
          </TelemetryButton>
        </>
      ),
    };
  }

  // Security questions next
  if (nextStep.id === "LeakedPasswordsSecurityQuestion") {
    return {
      summary: "",
      description: (
        <>
          <p>
            {l10n.getString(
              "fix-flow-celebration-high-risk-description-in-progress",
            )}
          </p>
          <p>
            {l10n.getString(
              "fix-flow-celebration-high-risk-description-next-security-questions",
            )}
          </p>
          <TelemetryButton
            event={{
              module: "ctaButton",
              name: "click",
              data: {
                button_id: "continue_celebrate_high_risk",
              },
            }}
            variant="primary"
            small
            href={nextStep.href}
            autoFocus={true}
          >
            {l10n.getString("fix-flow-celebration-next-label")}
          </TelemetryButton>
        </>
      ),
    };
  }

  // Security tips next
  if (
    ["SecurityTipsPhone", "SecurityTipsEmail", "SecurityTipsIp"].includes(
      nextStep.id,
    )
  ) {
    return {
      summary: "",
      description: (
        <>
          <p>
            {l10n.getString(
              "fix-flow-celebration-high-risk-description-in-progress",
            )}
          </p>
          <p>
            {l10n.getString(
              "fix-flow-celebration-high-risk-description-next-security-recommendations",
            )}
          </p>
          <TelemetryButton
            event={{
              module: "ctaButton",
              name: "click",
              data: {
                button_id: "continue_celebrate_high_risk",
              },
            }}
            variant="primary"
            small
            href={nextStep.href}
            autoFocus={true}
          >
            {l10n.getString("fix-flow-celebration-next-recommendations-label")}
          </TelemetryButton>
        </>
      ),
    };
  }

  // No next steps
  return {
    summary: "",
    description: (
      <>
        <p>
          {l10n.getString("fix-flow-celebration-high-risk-description-done")}
        </p>
        <p>
          {l10n.getString(
            "fix-flow-celebration-high-risk-description-next-dashboard",
          )}
        </p>
        <TelemetryButton
          event={{
            module: "ctaButton",
            name: "click",
            data: {
              button_id: "continue_celebrate_high_risk",
            },
          }}
          variant="primary"
          small
          href={nextStep.href}
          autoFocus={true}
        >
          {l10n.getString("fix-flow-celebration-next-dashboard-label")}
        </TelemetryButton>
      </>
    ),
  };
}