eleven-solutions-common-website-unique-web 20.0.33 → 20.0.35
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -33,10 +33,20 @@ const Users = ({ url }) => {
|
|
33
33
|
};
|
34
34
|
const [currentPage, setCurrentPage] = useState(1);
|
35
35
|
const itemsPerPage = 10;
|
36
|
-
const filteredUsers = users.filter(
|
37
|
-
|
38
|
-
|
39
|
-
|
36
|
+
// const filteredUsers = users.filter(
|
37
|
+
// (user) =>
|
38
|
+
// (searchTerm.length >= 2 &&
|
39
|
+
// user.name.toLowerCase().includes(searchTerm.toLowerCase())) ||
|
40
|
+
// user.email.toLowerCase().includes(searchTerm.toLowerCase()) ||
|
41
|
+
// user.mobile.toString().includes(searchTerm)
|
42
|
+
// );
|
43
|
+
const filteredUsers = users.filter((user) => {
|
44
|
+
if (searchTerm.length < 2)
|
45
|
+
return true; // Show all users when input has fewer than 2 characters
|
46
|
+
return (user.name.toLowerCase().includes(searchTerm) ||
|
47
|
+
user.email.toLowerCase().includes(searchTerm) ||
|
48
|
+
user.mobile.toString().includes(searchTerm));
|
49
|
+
});
|
40
50
|
const totalPages = Math.ceil(filteredUsers.length / itemsPerPage);
|
41
51
|
const handleNextPage = () => {
|
42
52
|
if (currentPage < totalPages) {
|
@@ -73,9 +83,9 @@ const Users = ({ url }) => {
|
|
73
83
|
// };
|
74
84
|
const handleSearchChange = (event) => {
|
75
85
|
const value = event.target.value.toLowerCase();
|
76
|
-
setSearchTerm(value); // Always update the
|
77
|
-
if (value.length
|
78
|
-
setCurrentPage(1); // Reset
|
86
|
+
setSearchTerm(value); // Always update the state
|
87
|
+
if (value.length < 2) {
|
88
|
+
setCurrentPage(1); // Reset pagination if input length is less than 2
|
79
89
|
}
|
80
90
|
};
|
81
91
|
const handleSearchSubmit = (event) => {
|
package/package.json
CHANGED
@@ -35,13 +35,22 @@ const Users = ({ url }: UsersProps) => {
|
|
35
35
|
const [currentPage, setCurrentPage] = useState(1);
|
36
36
|
const itemsPerPage = 10;
|
37
37
|
|
38
|
-
const filteredUsers = users.filter(
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
38
|
+
// const filteredUsers = users.filter(
|
39
|
+
// (user) =>
|
40
|
+
// (searchTerm.length >= 2 &&
|
41
|
+
// user.name.toLowerCase().includes(searchTerm.toLowerCase())) ||
|
42
|
+
// user.email.toLowerCase().includes(searchTerm.toLowerCase()) ||
|
43
|
+
// user.mobile.toString().includes(searchTerm)
|
44
|
+
// );
|
45
|
+
|
46
|
+
const filteredUsers = users.filter((user) => {
|
47
|
+
if (searchTerm.length < 2) return true; // Show all users when input has fewer than 2 characters
|
48
|
+
return (
|
49
|
+
user.name.toLowerCase().includes(searchTerm) ||
|
50
|
+
user.email.toLowerCase().includes(searchTerm) ||
|
43
51
|
user.mobile.toString().includes(searchTerm)
|
44
|
-
|
52
|
+
);
|
53
|
+
});
|
45
54
|
|
46
55
|
const totalPages = Math.ceil(filteredUsers.length / itemsPerPage);
|
47
56
|
|
@@ -94,9 +103,9 @@ const Users = ({ url }: UsersProps) => {
|
|
94
103
|
|
95
104
|
const handleSearchChange = (event: React.ChangeEvent<HTMLInputElement>) => {
|
96
105
|
const value = event.target.value.toLowerCase();
|
97
|
-
setSearchTerm(value); // Always update the
|
98
|
-
if (value.length
|
99
|
-
setCurrentPage(1); // Reset
|
106
|
+
setSearchTerm(value); // Always update the state
|
107
|
+
if (value.length < 2) {
|
108
|
+
setCurrentPage(1); // Reset pagination if input length is less than 2
|
100
109
|
}
|
101
110
|
};
|
102
111
|
|