matty/ncd-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

pl-fe: Fix account hover card

Browse Source 
Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
This commit is contained in:
marcin mikołajczak
2024-10-01 18:20:49 +02:00
parent 04281890e6
commit d0ca585558
15 changed files with 46 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/pl-fe/src/components/hover-ref-wrapper.tsx
View File

@ -7,7 +7,7 @@ import { useAppDispatch } from 'pl-fe/hooks';
import { isMobile } from 'pl-fe/is-mobile';
import { useAccountHoverCardStore } from 'pl-fe/stores';
const showProfileHoverCard = debounce((openAccountHoverCard, ref, accountId) => {
const showAccountHoverCard = debounce((openAccountHoverCard, ref, accountId) => {
openAccountHoverCard(ref, accountId);
}, 600);
@ -30,17 +30,17 @@ const HoverRefWrapper: React.FC<IHoverRefWrapper> = ({ accountId, children, inli
const handleMouseEnter = () => {
if (!isMobile(window.innerWidth)) {
dispatch(fetchAccount(accountId));
showProfileHoverCard(openAccountHoverCard, ref, accountId);
showAccountHoverCard(openAccountHoverCard, ref, accountId);
}
};
const handleMouseLeave = () => {
showProfileHoverCard.cancel();
showAccountHoverCard.cancel();
setTimeout(() => closeAccountHoverCard(), 300);
};
const handleClick = () => {
showProfileHoverCard.cancel();
showAccountHoverCard.cancel();
closeAccountHoverCard(true);
};
@ -57,4 +57,4 @@ const HoverRefWrapper: React.FC<IHoverRefWrapper> = ({ accountId, children, inli
);
};
export { HoverRefWrapper as default, showProfileHoverCard };
export { HoverRefWrapper as default, showAccountHoverCard };