diff --git a/frontend/src/views/admin/DashboardPage/UserPanel.tsx b/frontend/src/views/admin/DashboardPage/UserPanel.tsx index b79eb4981c..e8ab6dfb40 100644 --- a/frontend/src/views/admin/DashboardPage/UserPanel.tsx +++ b/frontend/src/views/admin/DashboardPage/UserPanel.tsx @@ -22,7 +22,7 @@ import { usePopUp } from "@app/hooks"; import { useDeleteUser, useListUsers } from "@app/hooks/api"; export const UserPanel = () => { - const [searchMemberFilter, setSearchMemberFilter] = useState(""); + const [searchUserFilter, setSearchUserFilter] = useState(""); const { handlePopUpToggle, popUp, handlePopUpOpen, handlePopUpClose } = usePopUp([ "removeUser" ] as const); @@ -36,12 +36,12 @@ export const UserPanel = () => { () => users?.filter( ({ firstName, lastName, username, email }) => - firstName?.toLowerCase().includes(searchMemberFilter.toLowerCase()) || - lastName?.toLowerCase().includes(searchMemberFilter.toLowerCase()) || - username?.toLowerCase().includes(searchMemberFilter.toLowerCase()) || - email?.toLowerCase().includes(searchMemberFilter.toLowerCase()) + firstName?.toLowerCase().includes(searchUserFilter.toLowerCase()) || + lastName?.toLowerCase().includes(searchUserFilter.toLowerCase()) || + username?.toLowerCase().includes(searchUserFilter.toLowerCase()) || + email?.toLowerCase().includes(searchUserFilter.toLowerCase()) ), - [users, searchMemberFilter] + [users, searchUserFilter] ); const handleRemoveUser = async () => { @@ -69,10 +69,10 @@ export const UserPanel = () => {
Users
setSearchMemberFilter(e.target.value)} + value={searchUserFilter} + onChange={(e) => setSearchUserFilter(e.target.value)} leftIcon={