From af4c6fd773ff4a4bfc346a75f9c0a28e22f52efd Mon Sep 17 00:00:00 2001
From: kriks7iitk <kriks.iitk@gmail.com>
Date: Thu, 8 Aug 2024 15:11:51 +0530
Subject: [PATCH] added empty state for user research

---
 .../ManageGroupPermissionResourcesV2/index.jsx  | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/frontend/src/ManageGroupPermissionResourcesV2/index.jsx b/frontend/src/ManageGroupPermissionResourcesV2/index.jsx
index a2d601ec80..46a8cbaf71 100644
--- a/frontend/src/ManageGroupPermissionResourcesV2/index.jsx
+++ b/frontend/src/ManageGroupPermissionResourcesV2/index.jsx
@@ -724,7 +724,7 @@ class ManageGroupPermissionResourcesComponent extends React.Component {
                               <div className="skeleton-line w-10"></div>
                             </td>
                           </tr>
-                        ) : usersInGroup.length > 0 || showUserSearchBox ? (
+                        ) : usersInGroup.length > 0 ? (
                           usersInGroup.map((item) => {
                             const user = item.user;
                             const groupUserId = item.id;
@@ -784,7 +784,7 @@ class ManageGroupPermissionResourcesComponent extends React.Component {
                               </div>
                             );
                           })
-                        ) : (
+                        ) : !showUserSearchBox ? (
                           <div className="manage-groups-no-apps-wrap">
                             <div className="manage-groups-no-apps-icon" data-cy="user-empty-page-icon">
                               <BulkIcon name="users" fill="#3E63DD" width="48" />
@@ -797,6 +797,19 @@ class ManageGroupPermissionResourcesComponent extends React.Component {
                               <br /> permissions for them!
                             </span>
                           </div>
+                        ) : (
+                          <div className="manage-groups-no-apps-wrap">
+                            <div className="manage-groups-no-apps-icon" data-cy="user-empty-page-icon">
+                              <SolidIcon name="warning-user-notfound" width="48" />
+                            </div>
+                            <p className="tj-text-md font-weight-500" data-cy="user-empty-page">
+                              No results found
+                            </p>
+                            <span className="tj-text-sm text-center" data-cy="user-empty-page-info-text">
+                              There were no results found for your search. Please <br /> try changing the filters and
+                              try again.permissions for them!
+                            </span>
+                          </div>
                         )}
                       </section>
                     </div>