felixfoertsch/bitburner-src
1
0
Fork 0
mirror of https://github.com/bitburner-official/bitburner-src.git synced 2026-04-16 06:18:42 +02:00
Code Issues Packages Projects Releases Wiki Activity

CODEBASE: Refactor KeyBindingPage (#1984)

Browse Source
This commit is contained in:
catloversg
2025-03-01 03:56:00 +07:00
committed by GitHub
parent 91b68db1fe
commit c0e01f304d
1 changed files with 25 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
src/GameOptions/ui/KeyBindingPage.tsx
View File

@@ -289,49 +289,36 @@ export function KeyBindingPage(): React.ReactElement {
knowAboutBitverse() || !(SpoilerKeyBindingTypes as unknown as string[]).includes(keyBindingType),
)
.map((keyBindingType) => {
const primaryKeyCombination = CurrentKeyBindings[keyBindingType][0] ? (
parseKeyCombinationToString(CurrentKeyBindings[keyBindingType][0])
) : (
// Use a non-breaking space to make the button fit to the parent td element.
<>&nbsp;</>
);
const secondaryKeyCombination = CurrentKeyBindings[keyBindingType][1] ? (
parseKeyCombinationToString(CurrentKeyBindings[keyBindingType][1])
) : (
// Use a non-breaking space to make the button fit to the parent td element.
<>&nbsp;</>
);
return (
<tr key={keyBindingType}>
<td>
<Typography minWidth="250px">{keyBindingType}</Typography>
</td>
<td>
<Button
sx={{
minWidth: "250px",
color: `${
isCustomKeyCombination(keyBindingType, true) ? Settings.theme.warning : Settings.theme.primary
}`,
}}
onClick={() => showModal(keyBindingType, true)}
>
{primaryKeyCombination}
</Button>
</td>
<td>
<Button
sx={{
minWidth: "250px",
color: `${
isCustomKeyCombination(keyBindingType, false) ? Settings.theme.warning : Settings.theme.primary
}`,
}}
onClick={() => showModal(keyBindingType, false)}
>
{secondaryKeyCombination}
</Button>
</td>
{[0, 1].map((value) => {
const isPrimary = value === 0;
return (
<td key={`${keyBindingType}-${value}`}>
<Button
sx={{
minWidth: "250px",
color: `${
isCustomKeyCombination(keyBindingType, isPrimary)
? Settings.theme.warning
: Settings.theme.primary
}`,
}}
onClick={() => showModal(keyBindingType, isPrimary)}
>
{CurrentKeyBindings[keyBindingType][value] ? (
parseKeyCombinationToString(CurrentKeyBindings[keyBindingType][value])
) : (
// Use a non-breaking space to make the button fit to the parent td element.
<>&nbsp;</>
)}
</Button>
</td>
);
})}
</tr>
);
});