diff --git a/app/routes/u.$identifier/builds/new.tsx b/app/routes/u.$identifier/builds/new.tsx index c01013a5a..ee2d28482 100644 --- a/app/routes/u.$identifier/builds/new.tsx +++ b/app/routes/u.$identifier/builds/new.tsx @@ -26,6 +26,7 @@ import { modesShort, shoesGearIds, } from "~/modules/in-game-lists"; +import { rankedModesShort } from "~/modules/in-game-lists/modes"; import type { BuildAbilitiesTuple, BuildAbilitiesTupleWithUnknown, @@ -256,6 +257,18 @@ function ModeCheckboxes() { const { buildToEdit } = useLoaderData(); const { t } = useTranslation("builds"); + let currentBuildModes: + | typeof modesShort + | typeof rankedModesShort + | null + | undefined = buildToEdit?.modes; + + // Use the Ranked Modes by default for brand new builds (so that the checkboxes can be checked by default) + // See issue for more info: https://github.com/Sendouc/sendou.ink/issues/1150 + if (!currentBuildModes) { + currentBuildModes = rankedModesShort; + } + return (
@@ -269,7 +282,9 @@ function ModeCheckboxes() { id={mode} name={mode} type="checkbox" - defaultChecked={buildToEdit?.modes?.includes(mode)} + defaultChecked={currentBuildModes?.some( + (currentMode) => currentMode == mode + )} data-cy={`${mode}-checkbox`} />