diff --git a/src/Components/Buttons/CommanderDamage.tsx b/src/Components/Buttons/CommanderDamage.tsx index 62cca73..21eebf7 100644 --- a/src/Components/Buttons/CommanderDamage.tsx +++ b/src/Components/Buttons/CommanderDamage.tsx @@ -3,6 +3,7 @@ import { css } from 'styled-components'; import { Player, Rotation } from '../../Types/Player'; import { useRef, useState } from 'react'; import { OutlinedText } from '../Misc/OutlinedText'; +import { decrementTimeoutMs } from '../../Data/constants'; const CommanderDamageContainer = styled.div<{ rotation: number; @@ -169,7 +170,7 @@ export const CommanderDamage = ({ timeoutRef.current = setTimeout(() => { setTimeoutFinished(true); handleCommanderDamageChange(opponentIndex, -1, isPartner); - }, 500); + }, decrementTimeoutMs); }; const handleUpInput = ({ opponentIndex, isPartner }: InputProps) => { diff --git a/src/Components/Buttons/ExtraCounter.tsx b/src/Components/Buttons/ExtraCounter.tsx index 8c3a928..1770309 100644 --- a/src/Components/Buttons/ExtraCounter.tsx +++ b/src/Components/Buttons/ExtraCounter.tsx @@ -1,6 +1,7 @@ import { ReactNode, useRef, useState } from 'react'; import styled from 'styled-components'; import { css } from 'styled-components'; +import { decrementTimeoutMs } from '../../Data/constants'; import { CounterType, Rotation } from '../../Types/Player'; import { OutlinedText } from '../Misc/OutlinedText'; @@ -96,7 +97,7 @@ const ExtraCounter = ({ timeoutRef.current = setTimeout(() => { setTimeoutFinished(true); handleCountChange(-1); - }, 500); + }, decrementTimeoutMs); }; const handleUpInput = () => { diff --git a/src/Components/Buttons/LifeCounterButton.tsx b/src/Components/Buttons/LifeCounterButton.tsx index 4206f75..dd112ab 100644 --- a/src/Components/Buttons/LifeCounterButton.tsx +++ b/src/Components/Buttons/LifeCounterButton.tsx @@ -1,6 +1,7 @@ import { useRef, useState } from 'react'; import styled from 'styled-components'; import { css } from 'styled-components'; +import { lifeLongPressMultiplier } from '../../Data/constants'; import { Rotation } from '../../Types/Player'; @@ -82,8 +83,6 @@ const LifeCounterButton = ({ const [timeoutFinished, setTimeoutFinished] = useState(false); const [hasPressedDown, setHasPressedDown] = useState(false); - const longPressMultiplier = 10; - const handleLifeChange = (increment: number) => { setLifeTotal(lifeTotal + increment); }; @@ -92,7 +91,7 @@ const LifeCounterButton = ({ setTimeoutFinished(false); setHasPressedDown(true); timeoutRef.current = setTimeout(() => { - handleLifeChange(increment * longPressMultiplier); + handleLifeChange(increment * lifeLongPressMultiplier); setTimeoutFinished(true); }, 500); }; diff --git a/src/Data/constants.ts b/src/Data/constants.ts new file mode 100644 index 0000000..c21f85b --- /dev/null +++ b/src/Data/constants.ts @@ -0,0 +1,2 @@ +export const decrementTimeoutMs = 300; +export const lifeLongPressMultiplier = 10;