diff --git a/src/components/modlog.tsx b/src/components/modlog.tsx index be3a27ed..79b2a043 100644 --- a/src/components/modlog.tsx +++ b/src/components/modlog.tsx @@ -74,7 +74,8 @@ export function Modlog(props) { const [selectedUser, setSelectedUser] = useState(0); const actionFilterDropdownRef = useRef(null); - useClickOutsideHandler(actionFilterDropdownRef, 'action-checkboxes'); + const actionFilterWindowRef = useRef(null); + useClickOutsideHandler(actionFilterDropdownRef, actionFilterWindowRef); const modlogQuery = useSWR( () => @@ -136,7 +137,7 @@ export function Modlog(props) {
{ - let checkboxes = document.getElementById('action-checkboxes'); + let checkboxes = actionFilterWindowRef.current; if (checkboxes.style.display == 'none') { checkboxes.style.display = 'block'; } else { @@ -154,7 +155,7 @@ export function Modlog(props) {
{filterNamesUI.map((filter, index) => ( @@ -260,16 +261,16 @@ function UserFilter(props) { className="modlog-dropdown" sx={{ bg: darken('background', 0.03) }} > -
+

Show banned users + setShowBanned(!showBanned)} + />

- setShowBanned(!showBanned)} - />
{searchList.filter( user =>