Fix text when leaving a team as non-owner

app/features/team/routes/t.$customUrl.tsx

@@ -31,7 +31,12 @@ import {
 import type * as TeamRepository from "../TeamRepository.server";
 import { action } from "../actions/t.$customUrl.server";
 import { loader } from "../loaders/t.$customUrl.server";
-import { isTeamManager, isTeamMember, resolveNewOwner } from "../team-utils";
+import {
+	isTeamManager,
+	isTeamMember,
+	isTeamOwner,
+	resolveNewOwner,
+} from "../team-utils";
 import "../team.css";
 import { metaTags } from "~/utils/remix";
 export { action, loader };
@@ -202,10 +207,15 @@ function ActionButtons() {
 			) : null}
 			{isTeamMember({ user, team }) ? (
 				<FormWithConfirm
-					dialogHeading={t("team:leaveTeam.header", {
-						teamName: team.name,
-						newOwner: resolveNewOwner(team.members)?.username,
-					})}
+					dialogHeading={`${t(
+						isTeamOwner({ user, team })
+							? "team:leaveTeam.header.newOwner"
+							: "team:leaveTeam.header",
+						{
+							teamName: team.name,
+							newOwner: resolveNewOwner(team.members)?.username,
+						},
+					)}`}
 					deleteButtonText={t("team:actionButtons.leaveTeam.confirm")}
 					fields={[["_action", "LEAVE_TEAM"]]}
 				>

locales/en/team.json

@@ -3,7 +3,8 @@
 	"teamSearch.placeholder": "Search for a team or player...",
 	"actionButtons.leaveTeam": "Leave Team",
 	"actionButtons.makeMainTeam": "Make main team",
-	"leaveTeam.header": "Are you sure you want to leave {{teamName}}? New owner will be {{newOwner}}",
+	"leaveTeam.header": "Are you sure you want to leave {{teamName}}?",
+	"leaveTeam.header.newOwner": "Are you sure you want to leave {{teamName}}? New owner will be {{newOwner}}",
 	"actionButtons.leaveTeam.confirm": "Leave",
 	"actionButtons.editTeam": "Edit Team",
 	"actionButtons.manageRoster": "Manage Roster",