Use ref from hook

This commit is contained in:
R Midhun Suresh 2024-11-13 17:31:55 +05:30
parent 6e5f593c98
commit 5c3a518576
No known key found for this signature in database

View File

@ -73,7 +73,7 @@ export const SpaceButton = <T extends keyof JSX.IntrinsicElements>({
...props ...props
}: ButtonProps<T>): JSX.Element => { }: ButtonProps<T>): JSX.Element => {
const [menuDisplayed, handle, openMenu, closeMenu] = useContextMenu<HTMLElement>(innerRef); const [menuDisplayed, handle, openMenu, closeMenu] = useContextMenu<HTMLElement>(innerRef);
const [onFocus, isActive] = useRovingTabIndex(handle); const [onFocus, isActive, ref] = useRovingTabIndex(handle);
const tabIndex = isActive ? 0 : -1; const tabIndex = isActive ? 0 : -1;
const spaceKey = _spaceKey ?? space?.roomId; const spaceKey = _spaceKey ?? space?.roomId;
@ -144,7 +144,7 @@ export const SpaceButton = <T extends keyof JSX.IntrinsicElements>({
title={!isNarrow || menuDisplayed ? undefined : label} title={!isNarrow || menuDisplayed ? undefined : label}
onClick={onClick} onClick={onClick}
onContextMenu={openMenu} onContextMenu={openMenu}
ref={handle} ref={ref}
tabIndex={tabIndex} tabIndex={tabIndex}
onFocus={onFocus} onFocus={onFocus}
> >