From 3de037caf73bf7537cb67bf6eceada3838b4f573 Mon Sep 17 00:00:00 2001
From: Brian Boylen <52515015+bboylen@users.noreply.github.com>
Date: Fri, 30 Apr 2021 19:21:57 -0500
Subject: [PATCH] feat(react): makes user profile select first ownership item
 automatically (#2474)

---
 datahub-web-react/src/app/entity/user/UserDetails.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/datahub-web-react/src/app/entity/user/UserDetails.tsx b/datahub-web-react/src/app/entity/user/UserDetails.tsx
index 68b981b2a9..a225e0ec9c 100644
--- a/datahub-web-react/src/app/entity/user/UserDetails.tsx
+++ b/datahub-web-react/src/app/entity/user/UserDetails.tsx
@@ -45,11 +45,19 @@ export default function UserDetails({ ownerships, subview, item, urn }: Props) {
     const ownershipMenuOptions: Array<EntityType> = Object.keys(ownerships) as Array<EntityType>;
     const history = useHistory();
 
-    const onMenuClick: MenuProps['onClick'] = ({ key }) => {
+    const setSelectedEntityType = (key: string) => {
         const { subview: nextSubview, item: nextItem } = fromMenuKey(String(key));
         navigateToUserUrl({ urn, subview: nextSubview, item: nextItem, history, entityRegistry });
     };
+    const onMenuClick: MenuProps['onClick'] = ({ key }) => {
+        setSelectedEntityType(String(key));
+    };
 
+    if (!subview && Object.keys(ownerships).length > 0) {
+        const firstEntityType = Object.keys(ownerships)[0].toLowerCase();
+        const key = toMenuKey(Subview.Ownership, firstEntityType);
+        setSelectedEntityType(key);
+    }
     const subviews = Object.values(Subview);
 
     const selectedKey = toMenuKey(subview, item);