mirror of
https://github.com/MrUnknownDE/panel.git
synced 2026-04-22 16:23:45 +02:00
Add very simple search support to pages, togglable with "k"
This commit is contained in:
23
resources/scripts/plugins/useEventListener.ts
Normal file
23
resources/scripts/plugins/useEventListener.ts
Normal file
@@ -0,0 +1,23 @@
|
||||
import { useEffect, useRef } from 'react';
|
||||
|
||||
export default (eventName: string, handler: any, element: any = window) => {
|
||||
const savedHandler = useRef<any>(null);
|
||||
|
||||
useEffect(() => {
|
||||
savedHandler.current = handler;
|
||||
}, [handler]);
|
||||
|
||||
useEffect(
|
||||
() => {
|
||||
const isSupported = element && element.addEventListener;
|
||||
if (!isSupported) return;
|
||||
|
||||
const eventListener = (event: any) => savedHandler.current(event);
|
||||
element.addEventListener(eventName, eventListener);
|
||||
return () => {
|
||||
element.removeEventListener(eventName, eventListener);
|
||||
};
|
||||
},
|
||||
[eventName, element],
|
||||
);
|
||||
};
|
||||
Reference in New Issue
Block a user