Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-05-14 06:50:38 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

closes #161

Browse Source
This commit is contained in:
Kalle (Sendou) 2020-12-06 21:52:38 +02:00
parent eff62b021b
commit 2370070fc2
1 changed files with 26 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
components/plans/StageSelector.tsx
View File

@ -123,12 +123,32 @@ const StageSelector: React.FC<StageSelectorProps> = ({
<>
<HStack justifyContent="center" my={4}>
{(["SZ", "TC", "RM", "CB"] as const).map((mode) => (
<ModeImage
key={mode}
onClick={() => changeMode(mode)}
mode={mode}
size={32}
/>
<Flex flexDir="column" alignItems="center">
<Box
style={{
filter:
currentBackground.mode === mode
? undefined
: "grayscale(100%)",
}}
cursor="pointer"
mb="-6px"
>
<ModeImage
key={mode}
onClick={() => changeMode(mode)}
mode={mode}
size={32}
/>
</Box>
{currentBackground.mode === mode ? (
<SubText>
<Trans>{mode}</Trans>
</SubText>
) : (
<Box h={4} />
)}
</Flex>
))}
</HStack>
<RadioGroup value={currentBackground.view} onChange={changeView}>