Skip to content

Commit 2b5eac0

Browse files
committed
Show filtered user count
1 parent 3a1e630 commit 2b5eac0

File tree

1 file changed

+4
-0
lines changed

1 file changed

+4
-0
lines changed

frontend/src/presentation/pages/UserManagement.tsx

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -54,6 +54,9 @@ export const UserManagement: React.FC<{}> = () => {
5454
[sortedUsers, searchTerm]
5555
);
5656

57+
const numFilteredUsers = filteredUsers.length;
58+
const userCountText = `Found: ${numFilteredUsers} ${numFilteredUsers == 1 ? "user" : "users"}`;
59+
5760
const renderUser = (user: User) => {
5861
return (
5962
<div className={styles.userRow} key={user._id}>
@@ -107,6 +110,7 @@ export const UserManagement: React.FC<{}> = () => {
107110
return (
108111
<div className={styles.container}>
109112
<SearchBar searchTerm={searchTerm} onSearch={(s) => setSearchTerm(s)} placeholder="Search users..." />
113+
<h3>{userCountText}</h3>
110114
{filteredUsers.map((user) => renderUser(user))}
111115
{editingUser && (
112116
<Modal

0 commit comments

Comments
 (0)