You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
spa_instat_tv/src/features/MatchCard/hooks.tsx

28 lines
525 B

import type { KeyboardEvent } from 'react'
import { useCallback } from 'react'
import { useToggle } from 'hooks'
import { useScoreStore } from 'features/ToggleScore'
export const useCard = () => {
const {
close,
isOpen,
open,
} = useToggle()
const { isHidden } = useScoreStore()
const onKeyPress = useCallback((e: KeyboardEvent<HTMLLIElement>) => {
if (e.key === 'Enter') {
open()
}
}, [open])
return {
close,
isOpen,
onKeyPress,
open,
showScore: isHidden,
}
}