From a19085094a8c3169a3c22df479304c61dc7db0fe Mon Sep 17 00:00:00 2001
From: Brian <brianwebtek@gmail.com>
Date: Sat, 10 Apr 2021 07:55:05 +0800
Subject: [PATCH] feat(react): add null state indicator in user profile when no
 entities (#2377)

---
 datahub-web-react/src/app/browse/BrowseResults.tsx    | 4 +++-
 datahub-web-react/src/app/entity/user/UserDetails.tsx | 8 ++++++--
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/datahub-web-react/src/app/browse/BrowseResults.tsx b/datahub-web-react/src/app/browse/BrowseResults.tsx
index 2bce04b6a6..84bd44465b 100644
--- a/datahub-web-react/src/app/browse/BrowseResults.tsx
+++ b/datahub-web-react/src/app/browse/BrowseResults.tsx
@@ -69,7 +69,9 @@ export const BrowseResults = ({
                                 </>
                             )}
                             bordered
-                            locale={{ emptyText: <Empty description="No Entities" /> }}
+                            locale={{
+                                emptyText: <Empty description="No Entities" image={Empty.PRESENTED_IMAGE_SIMPLE} />,
+                            }}
                         />
                     )}
                     <Col span={24}>
diff --git a/datahub-web-react/src/app/entity/user/UserDetails.tsx b/datahub-web-react/src/app/entity/user/UserDetails.tsx
index 3b300380eb..68b981b2a9 100644
--- a/datahub-web-react/src/app/entity/user/UserDetails.tsx
+++ b/datahub-web-react/src/app/entity/user/UserDetails.tsx
@@ -1,4 +1,4 @@
-import { Menu } from 'antd';
+import { Menu, Empty } from 'antd';
 import { MenuProps } from 'antd/lib/menu';
 import React from 'react';
 import { useHistory } from 'react-router-dom';
@@ -75,7 +75,11 @@ export default function UserDetails({ ownerships, subview, item, urn }: Props) {
                 </Menu>
             </MenuWrapper>
             <Content>
-                {subview === Subview.Ownership && <UserOwnership ownerships={ownerships} entityPath={item} />}
+                {ownershipMenuOptions && ownershipMenuOptions.length > 0 ? (
+                    subview === Subview.Ownership && <UserOwnership ownerships={ownerships} entityPath={item} />
+                ) : (
+                    <Empty description="Looks like you don't own any datasets" image={Empty.PRESENTED_IMAGE_SIMPLE} />
+                )}
             </Content>
         </DetailWrapper>
     );