aboutsummaryrefslogtreecommitdiff
path: root/FrontEnd/src/utilities/hooks/useClickOutside.ts
diff options
context:
space:
mode:
authorcrupest <crupest@outlook.com>2023-07-11 01:07:57 +0800
committerGitHub <noreply@github.com>2023-07-11 01:07:57 +0800
commita702dff4b62090a4e5453a8b9236824288df0c4f (patch)
tree0deae7f40692345c8e4b1473cdddbd13e0e5586d /FrontEnd/src/utilities/hooks/useClickOutside.ts
parent4cb87464fea217e1d0969747d6a17e88973982e7 (diff)
parentd46b1aed549938c9f5e3e658b4098e71b5e2acf7 (diff)
downloadtimeline-a702dff4b62090a4e5453a8b9236824288df0c4f.tar.gz
timeline-a702dff4b62090a4e5453a8b9236824288df0c4f.tar.bz2
timeline-a702dff4b62090a4e5453a8b9236824288df0c4f.zip
Merge pull request #1381 from crupest/front-dev
Re-bootstrap front end.
Diffstat (limited to 'FrontEnd/src/utilities/hooks/useClickOutside.ts')
-rw-r--r--FrontEnd/src/utilities/hooks/useClickOutside.ts8
1 files changed, 4 insertions, 4 deletions
diff --git a/FrontEnd/src/utilities/hooks/useClickOutside.ts b/FrontEnd/src/utilities/hooks/useClickOutside.ts
index 4b2f0e5c..6dcbf7b3 100644
--- a/FrontEnd/src/utilities/hooks/useClickOutside.ts
+++ b/FrontEnd/src/utilities/hooks/useClickOutside.ts
@@ -1,17 +1,17 @@
-import React from "react";
+import { useRef, useEffect } from "react";
export default function useClickOutside(
element: HTMLElement | null | undefined,
onClickOutside: () => void,
nextTick?: boolean
): void {
- const onClickOutsideRef = React.useRef<() => void>(onClickOutside);
+ const onClickOutsideRef = useRef<() => void>(onClickOutside);
- React.useEffect(() => {
+ useEffect(() => {
onClickOutsideRef.current = onClickOutside;
}, [onClickOutside]);
- React.useEffect(() => {
+ useEffect(() => {
if (element != null) {
const handler = (event: MouseEvent): void => {
let e: HTMLElement | null = event.target as HTMLElement;