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>
</>
),
};
}