From fb7dd45c6894b747f97a0c0609581677ade9e063 Mon Sep 17 00:00:00 2001
From: Kevin Delemme <kevin.delemme@elastic.co>
Date: Wed, 18 Sep 2024 09:35:32 -0400
Subject: [PATCH] Use avatar and fullname

---
 .../list/components/investigation_list.tsx      | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/x-pack/plugins/observability_solution/investigate_app/public/pages/list/components/investigation_list.tsx b/x-pack/plugins/observability_solution/investigate_app/public/pages/list/components/investigation_list.tsx
index 52b0105e1d910..a65eb12001342 100644
--- a/x-pack/plugins/observability_solution/investigate_app/public/pages/list/components/investigation_list.tsx
+++ b/x-pack/plugins/observability_solution/investigate_app/public/pages/list/components/investigation_list.tsx
@@ -15,7 +15,6 @@ import {
   EuiLink,
   EuiLoadingSpinner,
   EuiText,
-  EuiToolTip,
 } from '@elastic/eui';
 import { i18n } from '@kbn/i18n';
 import { InvestigationResponse } from '@kbn/investigation-shared/src/rest_specs/investigation';
@@ -24,12 +23,12 @@ import React, { useState } from 'react';
 import { paths } from '../../../../common/paths';
 import { InvestigationStatusBadge } from '../../../components/investigation_status_badge/investigation_status_badge';
 import { useFetchInvestigationList } from '../../../hooks/use_fetch_investigation_list';
+import { useFetchUserProfiles } from '../../../hooks/use_fetch_user_profiles';
 import { useKibana } from '../../../hooks/use_kibana';
 import { InvestigationListActions } from './investigation_list_actions';
 import { InvestigationStats } from './investigation_stats';
 import { InvestigationsError } from './investigations_error';
 import { SearchBar } from './search_bar/search_bar';
-import { useFetchUserProfiles } from '../../../hooks/use_fetch_user_profiles';
 
 export function InvestigationList() {
   const {
@@ -88,12 +87,7 @@ export function InvestigationList() {
         return isUserProfilesLoading ? (
           <EuiLoadingSpinner size="m" />
         ) : (
-          <EuiToolTip
-            position="top"
-            content={
-              userProfiles?.[value]?.user.full_name ?? userProfiles?.[value]?.user.username ?? value
-            }
-          >
+          <EuiFlexGroup gutterSize="s" direction="row">
             <EuiAvatar
               name={
                 userProfiles?.[value]?.user.full_name ??
@@ -102,7 +96,12 @@ export function InvestigationList() {
               }
               size="s"
             />
-          </EuiToolTip>
+            <EuiText size="s">
+              {userProfiles?.[value]?.user.full_name ??
+                userProfiles?.[value]?.user.username ??
+                value}
+            </EuiText>
+          </EuiFlexGroup>
         );
       },
     },