From c025b2f1a58e1ebfce08f6f4300bf02c006e2184 Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Wed, 5 Mar 2025 14:53:13 +0100
Subject: [PATCH] fix(ui): disable table sorter tooltips and fix indentation

Removes the default tooltips that appear when hovering over sortable
column headers by setting showSorterTooltip={false} on Table components.
Also fixes indentation in text components and function parameters for
better code readability.

Signed-off-by: Shekar Siri <sshekarsiri@gmail.com>
---
 .../components/DashboardList/DashboardList.tsx    |  5 +++--
 .../Dashboard/components/MetricsList/ListView.tsx | 15 ++++++++-------
 2 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/frontend/app/components/Dashboard/components/DashboardList/DashboardList.tsx b/frontend/app/components/Dashboard/components/DashboardList/DashboardList.tsx
index 5d9929d7f..1a0ec5365 100644
--- a/frontend/app/components/Dashboard/components/DashboardList/DashboardList.tsx
+++ b/frontend/app/components/Dashboard/components/DashboardList/DashboardList.tsx
@@ -189,10 +189,10 @@ function DashboardList() {
       <div className="text-center">
         <div>
           <Typography.Text className="my-2 text-lg font-medium">
-          Create and organize your insights
+            Create and organize your insights
           </Typography.Text>
           <div className="mb-2 text-lg text-gray-500 leading-normal">
-          Build dashboards to track key metrics and monitor performance in one place.
+            Build dashboards to track key metrics and monitor performance in one place.
           </div>
           <div className="my-4 mb-10">
             <CreateDashboardButton />
@@ -224,6 +224,7 @@ function DashboardList() {
       <Table
         dataSource={list}
         columns={tableConfig}
+        showSorterTooltip={false}
         pagination={{
           showTotal: (total, range) =>
             `Showing ${range[0]}-${range[1]} of ${total} items`,
diff --git a/frontend/app/components/Dashboard/components/MetricsList/ListView.tsx b/frontend/app/components/Dashboard/components/MetricsList/ListView.tsx
index dea32d6b8..706079811 100644
--- a/frontend/app/components/Dashboard/components/MetricsList/ListView.tsx
+++ b/frontend/app/components/Dashboard/components/MetricsList/ListView.tsx
@@ -34,13 +34,13 @@ interface Props {
 }
 
 const ListView: React.FC<Props> = ({
-                                     list,
-                                     siteId,
-                                     selectedList,
-                                     toggleSelection,
-                                     disableSelection = false,
-                                     inLibrary = false
-                                   }) => {
+  list,
+  siteId,
+  selectedList,
+  toggleSelection,
+  disableSelection = false,
+  inLibrary = false
+}) => {
   const [sorter, setSorter] = useState<{ field: string; order: 'ascend' | 'descend' }>({
     field: 'lastModified',
     order: 'descend'
@@ -259,6 +259,7 @@ const ListView: React.FC<Props> = ({
         columns={columns}
         dataSource={paginatedData}
         rowKey="metricId"
+        showSorterTooltip={false}
         onChange={handleTableChange}
         onRow={
           inLibrary