misc: modified member to user

This commit is contained in:
Sheen Capadngan
2024-07-08 15:09:32 +08:00
parent 6e15979672
commit ccf0c3cd35
@@ -22,7 +22,7 @@ import { usePopUp } from "@app/hooks";
import { useDeleteUser, useListUsers } from "@app/hooks/api"; import { useDeleteUser, useListUsers } from "@app/hooks/api";
export const UserPanel = () => { export const UserPanel = () => {
const [searchMemberFilter, setSearchMemberFilter] = useState(""); const [searchUserFilter, setSearchUserFilter] = useState("");
const { handlePopUpToggle, popUp, handlePopUpOpen, handlePopUpClose } = usePopUp([ const { handlePopUpToggle, popUp, handlePopUpOpen, handlePopUpClose } = usePopUp([
"removeUser" "removeUser"
] as const); ] as const);
@@ -36,12 +36,12 @@ export const UserPanel = () => {
() => () =>
users?.filter( users?.filter(
({ firstName, lastName, username, email }) => ({ firstName, lastName, username, email }) =>
firstName?.toLowerCase().includes(searchMemberFilter.toLowerCase()) || firstName?.toLowerCase().includes(searchUserFilter.toLowerCase()) ||
lastName?.toLowerCase().includes(searchMemberFilter.toLowerCase()) || lastName?.toLowerCase().includes(searchUserFilter.toLowerCase()) ||
username?.toLowerCase().includes(searchMemberFilter.toLowerCase()) || username?.toLowerCase().includes(searchUserFilter.toLowerCase()) ||
email?.toLowerCase().includes(searchMemberFilter.toLowerCase()) email?.toLowerCase().includes(searchUserFilter.toLowerCase())
), ),
[users, searchMemberFilter] [users, searchUserFilter]
); );
const handleRemoveUser = async () => { const handleRemoveUser = async () => {
@@ -69,10 +69,10 @@ export const UserPanel = () => {
<p className="text-xl font-semibold text-mineshaft-100">Users</p> <p className="text-xl font-semibold text-mineshaft-100">Users</p>
</div> </div>
<Input <Input
value={searchMemberFilter} value={searchUserFilter}
onChange={(e) => setSearchMemberFilter(e.target.value)} onChange={(e) => setSearchUserFilter(e.target.value)}
leftIcon={<FontAwesomeIcon icon={faMagnifyingGlass} />} leftIcon={<FontAwesomeIcon icon={faMagnifyingGlass} />}
placeholder="Search members..." placeholder="Search users..."
/> />
<div className="mt-4"> <div className="mt-4">