fix(ui): hide email if not present in the data (#15927)

openmetadata-ui/src/main/resources/ui/src/components/Settings/Users/UsersProfile/UserProfileDetails/UserProfileDetails.component.tsx

@@ -223,7 +223,9 @@ const UserProfileDetails = ({
   };
 
   const userEmailRender = useMemo(
-    () => (
+    () =>
+      userData.email && (
+        <>
           <Space align="center">
             <Typography.Text
               className="text-grey-muted"
@@ -231,10 +233,14 @@ const UserProfileDetails = ({
               'label.email'
             )} :`}</Typography.Text>
 
-        <Typography.Paragraph className="m-b-0" data-testid="user-email-value">
+            <Typography.Paragraph
+              className="m-b-0"
+              data-testid="user-email-value">
               {userData.email}
             </Typography.Paragraph>
           </Space>
+          <Divider type="vertical" />
+        </>
       ),
     [userData.email]
   );

openmetadata-ui/src/main/resources/ui/src/components/Settings/Users/UsersProfile/UserProfileDetails/UserProfileDetails.test.tsx

@@ -263,4 +263,20 @@ describe('Test User Profile Details Component', () => {
       'defaultPersona'
     );
   });
+
+  it('should not render if not present', async () => {
+    render(
+      <UserProfileDetails
+        {...mockPropsData}
+        userData={{ ...USER_DATA, email: '' }}
+      />,
+      {
+        wrapper: MemoryRouter,
+      }
+    );
+
+    // user email
+    expect(screen.queryByTestId('user-email-label')).not.toBeInTheDocument();
+    expect(screen.queryByTestId('user-email-value')).not.toBeInTheDocument();
+  });
 });