Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-04-24 23:19:39 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

lde explanation

Browse Source
This commit is contained in:
Sendou 2020-05-26 09:45:06 +03:00
parent 633143b88b
commit 22f0b6d140
1 changed files with 20 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
frontend-react/src/components/analyzer/LdeSlider.tsx
View File

@ -16,8 +16,18 @@ interface LdeSliderProps {
}
const LdeSlider: React.FC<LdeSliderProps> = ({ value, setValue }) => {
const { themeColor, themeColorWithShade } = useContext(MyThemeContext)
const { themeColor, themeColorWithShade, grayWithShade } = useContext(
MyThemeContext
)
const bonusAp = Math.floor((24 / 21) * value)
const getLdeEffect = () => {
if (value === 21)
return "Enemy has reached the 30 point mark OR there is 30 seconds or less on the clock OR it is overtime"
if (value > 0) return `Enemy has reached the ${51 - value} point mark`
return "Enemy has not reached the 50 point mark or there is more than 30 seconds on the clock"
}
return (
<Flex
justifyContent="center"
@ -48,6 +58,15 @@ const LdeSlider: React.FC<LdeSliderProps> = ({ value, setValue }) => {
))}
</Box>
)}
<Box
color={grayWithShade}
fontSize="0.75em"
maxW="200px"
mt="1em"
textAlign="center"
>
{getLdeEffect()}
</Box>
</Flex>
)
}