From 403141c1f50c6cac8bdf19d9f7f9df8deff6e23a Mon Sep 17 00:00:00 2001
From: fmtabbara <fmtabbara@hotmail.co.uk>
Date: Wed, 7 Jun 2023 12:11:31 +0100
Subject: [PATCH] add tooltip to sp routing score

---
 explorer/src/pages/ServiceProviders/index.tsx | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/explorer/src/pages/ServiceProviders/index.tsx b/explorer/src/pages/ServiceProviders/index.tsx
index 7388700f0c..144f578e44 100644
--- a/explorer/src/pages/ServiceProviders/index.tsx
+++ b/explorer/src/pages/ServiceProviders/index.tsx
@@ -5,13 +5,14 @@ import { TableToolbar } from '../../components/TableToolbar';
 import { Title } from '../../components/Title';
 import { UniversalDataGrid } from '../../components/Universal-DataGrid';
 import { useMainContext } from '../../context/main';
+import { CustomColumnHeading } from '../../components/CustomColumnHeading';
 
 const columns: GridColDef[] = [
   {
     headerName: 'Client ID',
     field: 'address',
     disableColumnMenu: true,
-    flex: 2,
+    flex: 3,
   },
   {
     headerName: 'Type',
@@ -23,9 +24,8 @@ const columns: GridColDef[] = [
     headerName: 'Routing score',
     field: 'routing_score',
     disableColumnMenu: true,
-    flex: 1,
+    flex: 2,
     sortingOrder: ['asc', 'desc'],
-
     sortComparator: (a?: string, b?: string) => {
       if (!a) return -1; // Place undefined values at the end
       if (!b) return 1; // Place undefined values at the end
@@ -38,6 +38,12 @@ const columns: GridColDef[] = [
       return -1; // Sort numbers in ascending order
     },
     renderCell: (params: GridRenderCellParams) => (!params.value ? '-' : params.value),
+    renderHeader: () => (
+      <CustomColumnHeading
+        headingTitle="Routing score"
+        tooltipInfo="Routing score is only displayed for the service providers that had a successful ping within the last two hours"
+      />
+    ),
   },
 ];