eleven-solutions-common-website-unique-web 20.0.29 → 20.0.31

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.
Files changed (3) hide show
  1. package/dist/components/admin/Users.js +15 -10
  2. package/package.json +1 -1
  3. package/src/components/admin/Users.tsx +17 -11
package/dist/components/admin/Users.js CHANGED
@@ -33,10 +33,17 @@ const Users = ({ url }) => {
33
33
  };
34
34
  const [currentPage, setCurrentPage] = useState(1);
35
35
  const itemsPerPage = 10;
36
- const filteredUsers = users.filter((user) => (searchTerm.length >= 2 &&
37
- user.name.toLowerCase().includes(searchTerm.toLowerCase())) ||
38
- user.email.toLowerCase().includes(searchTerm.toLowerCase()) ||
39
- user.mobile.toString().includes(searchTerm));
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) => searchTerm.length >= 2 &&
44
+ (user.name.toLowerCase().includes(searchTerm) ||
45
+ user.email.toLowerCase().includes(searchTerm) ||
46
+ user.mobile.toString().includes(searchTerm)));
40
47
  const totalPages = Math.ceil(filteredUsers.length / itemsPerPage);
41
48
  const handleNextPage = () => {
42
49
  if (currentPage < totalPages) {
@@ -72,13 +79,11 @@ const Users = ({ url }) => {
72
79
  // setCurrentPage(1);
73
80
  // };
74
81
  const handleSearchChange = (event) => {
75
- const query = event.target.value;
76
- if (query.length >= 2) {
77
- console.log("Triggering search...");
78
- setCurrentPage(1);
82
+ const value = event.target.value.toLowerCase();
83
+ setSearchTerm(value); // Always update the input field
84
+ if (value.length === 0) {
85
+ setCurrentPage(1); // Reset to the first page if input is cleared
79
86
  }
80
- setSearchTerm(query);
81
- console.log("Query Length:", query.length);
82
87
  };
83
88
  const handleSearchSubmit = (event) => {
84
89
  event.preventDefault();
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "eleven-solutions-common-website-unique-web",
3
- "version": "20.0.29",
3
+ "version": "20.0.31",
4
4
  "main": "./dist/index.js",
5
5
  "scripts": {
6
6
  "build": "tsc",
package/src/components/admin/Users.tsx CHANGED
@@ -35,12 +35,20 @@ const Users = ({ url }: UsersProps) => {
35
35
  const [currentPage, setCurrentPage] = useState(1);
36
36
  const itemsPerPage = 10;
37
37
 
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
+
38
46
  const filteredUsers = users.filter(
39
47
  (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)
48
+ searchTerm.length >= 2 &&
49
+ (user.name.toLowerCase().includes(searchTerm) ||
50
+ user.email.toLowerCase().includes(searchTerm) ||
51
+ user.mobile.toString().includes(searchTerm))
44
52
  );
45
53
 
46
54
  const totalPages = Math.ceil(filteredUsers.length / itemsPerPage);
@@ -91,15 +99,13 @@ const Users = ({ url }: UsersProps) => {
91
99
  // setSearchTerm(event.target.value.toLowerCase());
92
100
  // setCurrentPage(1);
93
101
  // };
94
- const handleSearchChange = (event: React.ChangeEvent<HTMLInputElement>) => {
95
- const query = event.target.value;
96
- if (query.length >= 2) {
97
- console.log("Triggering search...");
98
102
 
99
- setCurrentPage(1);
103
+ const handleSearchChange = (event: React.ChangeEvent<HTMLInputElement>) => {
104
+ const value = event.target.value.toLowerCase();
105
+ setSearchTerm(value); // Always update the input field
106
+ if (value.length === 0) {
107
+ setCurrentPage(1); // Reset to the first page if input is cleared
100
108
  }
101
- setSearchTerm(query);
102
- console.log("Query Length:", query.length);
103
109
  };
104
110
 
105
111
  const handleSearchSubmit = (event: React.FormEvent<HTMLFormElement>) => {