mirror of
https://github.com/DeNNiiInc/dbgate.git
synced 2026-04-22 07:36:01 +00:00
showMenu refactor - context is now available inside menu
This commit is contained in:
20
packages/web/src/utility/useDocumentClick.js
Normal file
20
packages/web/src/utility/useDocumentClick.js
Normal file
@@ -0,0 +1,20 @@
|
||||
import React from 'react';
|
||||
|
||||
export default function useDocumentClick(callback) {
|
||||
const mouseUpListener = React.useCallback((e) => {
|
||||
callback();
|
||||
document.removeEventListener('mouseup', mouseUpListener, true);
|
||||
}, []);
|
||||
const mouseDownListener = React.useCallback((e) => {
|
||||
document.addEventListener('mouseup', mouseUpListener, true);
|
||||
document.removeEventListener('mousedown', mouseDownListener, true);
|
||||
}, []);
|
||||
|
||||
React.useEffect(() => {
|
||||
document.addEventListener('mousedown', mouseDownListener, true);
|
||||
return () => {
|
||||
document.removeEventListener('mouseup', mouseUpListener, true);
|
||||
document.removeEventListener('mousedown', mouseDownListener, true);
|
||||
};
|
||||
}, []);
|
||||
}
|
||||
Reference in New Issue
Block a user