Hovercard: hide on click ref

2020-09-11 15:30:37 -05:00
parent aabb1abf97
commit 35fe2fa4fa
3 changed files with 10 additions and 8 deletions
--- a/app/soapbox/components/hover_ref_wrapper.js
+++ b/app/soapbox/components/hover_ref_wrapper.js
@ -26,6 +26,13 @@ const handleMouseLeave = (dispatch) => {
  };
 };

+const handleClick = (dispatch) => {
+  return e => {
+    showProfileHoverCard.cancel();
+    dispatch(closeProfileHoverCard(true));
+  };
+};
+
 export const HoverRefWrapper = ({ accountId, children, inline }) => {
  const dispatch = useDispatch();
  const ref = useRef();
@ -37,6 +44,7 @@ export const HoverRefWrapper = ({ accountId, children, inline }) => {
      className='hover-ref-wrapper'
      onMouseEnter={handleMouseEnter(dispatch, ref, accountId)}
      onMouseLeave={handleMouseLeave(dispatch)}
+      onClick={handleClick(dispatch)}
    >
      {children}
    </Elem>