Fix : Feeds not getting updated on user profile change. (#20486)

* fix feeds not getting updated after user profile change

* fix feeds call happening with aftre payload on initial load

* playwright for feed user profile change

openmetadata-ui/src/main/resources/ui/playwright/e2e/Pages/ProfilerConfigurationPage.spec.ts

@@ -10,7 +10,7 @@
  *  See the License for the specific language governing permissions and
  *  limitations under the License.
  */
-import { test as base, expect, Page } from '@playwright/test';
+import { expect, Page, test as base } from '@playwright/test';
 import {
   PROFILER_EMPTY_RESPONSE_CONFIG,
   PROFILER_REQUEST_CONFIG,

openmetadata-ui/src/main/resources/ui/playwright/e2e/Pages/Users.spec.ts

@@ -449,3 +449,39 @@ test.describe('User with Data Steward Roles', () => {
     await visitOwnProfilePage(dataStewardPage);
   });
 });
+
+test.describe('User Profile Feed Interactions', () => {
+  test('Should navigate to user profile from feed card avatar click', async ({
+    adminPage,
+  }) => {
+    await redirectToHomePage(adminPage);
+    const feedResponse = adminPage.waitForResponse(
+      '/api/v1/feed?type=Conversation'
+    );
+
+    await visitOwnProfilePage(adminPage);
+    await feedResponse;
+
+    await adminPage.waitForSelector('[data-testid="message-container"]');
+    const userDetailsResponse = adminPage.waitForResponse(
+      '/api/v1/users/name/*'
+    );
+    const userFeedResponse = adminPage.waitForResponse(
+      '/api/v1/feed?type=Conversation&filterType=OWNER_OR_FOLLOWS&userId=*'
+    );
+
+    await adminPage
+      .locator('[data-testid="message-container"]')
+      .first()
+      .locator('[data-testid="profile-avatar"]')
+      .click();
+    await userDetailsResponse;
+    await userFeedResponse;
+    const response = await userDetailsResponse;
+    const { fullyQualifiedName } = await response.json();
+
+    await expect(
+      adminPage.locator('[data-testid="user-display-name"]')
+    ).toHaveText(fullyQualifiedName);
+  });
+});

openmetadata-ui/src/main/resources/ui/playwright/utils/user.ts

@@ -19,8 +19,8 @@ import {
 import { VISIT_SERVICE_PAGE_DETAILS } from '../constant/service';
 import {
   GlobalSettingOptions,
-  SETTING_CUSTOM_PROPERTIES_PATH,
   SETTINGS_OPTIONS_PATH,
+  SETTING_CUSTOM_PROPERTIES_PATH,
 } from '../constant/settings';
 import { SidebarItem } from '../constant/sidebar';
 import { UserClass } from '../support/user/UserClass';

openmetadata-ui/src/main/resources/ui/src/components/ActivityFeed/ActivityFeedTab/ActivityFeedTab.component.tsx

@@ -536,13 +536,15 @@ export const ActivityFeedTab = ({
           onFeedClick={handleFeedClick}
         />
         {loader}
-        <div
+        {entityThread.length > 0 && (
-          className="w-full"
+          <div
-          data-testid="observer-element"
+            className="w-full"
-          id="observer-element"
+            data-testid="observer-element"
-          ref={elementRef as RefObject<HTMLDivElement>}
+            id="observer-element"
-          style={{ height: '2px' }}
+            ref={elementRef as RefObject<HTMLDivElement>}
-        />
+            style={{ height: '2px' }}
+          />
+        )}
       </div>
 
       <div

openmetadata-ui/src/main/resources/ui/src/pages/UserPage/UserPage.component.tsx

@@ -48,6 +48,7 @@ const UserPage = () => {
   const { currentUser, updateCurrentUser } = useApplicationStore();
 
   const fetchUserData = async () => {
+    setIsLoading(true);
     try {
       const res = await getUserByName(username, {
         fields: [
@@ -179,7 +180,7 @@ const UserPage = () => {
     fetchUserData();
   }, [username]);
 
-  if (isLoading) {
+  if (userData?.name !== username || isLoading) {
     return <Loader />;
   }