fix: fix top shards path column and better overriding for advisor (#2197)

Author: astandrik

src/components/ShardsTable/ShardsTable.tsx

@@ -13,33 +13,34 @@ export interface ShardsTableProps
     extends Omit<ResizeableDataTableProps<KeyValueRow>, 'columnsWidthLSKey' | 'columns'> {
     columnsIds: TopShardsColumnId[];
     database: string;
-    columns?: ShardsColumn[];
+    overrideColumns?: ShardsColumn[];
     schemaPath?: string;
 }
 
 export function ShardsTable({
     columnsIds,
     schemaPath,
     database,
-    columns: propsColumns,
+    overrideColumns = [],
     ...props
 }: ShardsTableProps) {
     const columns = React.useMemo(() => {
-        if (propsColumns) {
-            return propsColumns;
-        }
-
         return columnsIds
             .filter((id) => id in shardsColumnIdToGetColumn)
             .map((id) => {
+                const overridedColumn = overrideColumns.find((column) => column.name === id);
+                if (overridedColumn) {
+                    return overridedColumn;
+                }
+
                 const column = shardsColumnIdToGetColumn[id]({database, schemaPath});
 
                 return {
                     ...column,
                     sortable: isSortableTopShardsColumn(column.name),
                 };
             });
-    }, [columnsIds, database, propsColumns, schemaPath]);
+    }, [columnsIds, database, overrideColumns, schemaPath]);
 
     return (
         <ResizeableDataTable

src/store/reducers/tenantOverview/topShards/tenantOverviewTopShards.ts

@@ -3,7 +3,7 @@ import {isQueryErrorResponse, parseQueryAPIResponse} from '../../../../utils/que
 import {api} from '../../api';
 
 function createShardQuery(path: string, database: string) {
-    const pathSelect = `CAST(SUBSTRING(CAST(Path AS String), ${database.length}) AS Utf8) AS Path`;
+    const pathSelect = `CAST(SUBSTRING(CAST(Path AS String), ${database.length}) AS Utf8) AS RelativePath`;
     return `${QUERY_TECHNICAL_MARK}
 SELECT
     ${pathSelect},