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>
This commit is contained in:
Shekar Siri 2025-03-05 14:53:13 +01:00
parent 918d9de4c9
commit c025b2f1a5
2 changed files with 11 additions and 9 deletions

View file

@ -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`,

View file

@ -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