From e30b753467c2953fa1dd82efe03d9d4add9e96f6 Mon Sep 17 00:00:00 2001
From: KROSY <krosy1337@gmail.com>
Date: Thu, 19 Oct 2023 13:16:30 +0300
Subject: [PATCH] feat(TopTables): add links to tables

---
 .../TenantOverview/TenantStorage/TopTables.tsx        | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TopTables.tsx b/src/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TopTables.tsx
index f553adead..7777f3071 100644
--- a/src/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TopTables.tsx
+++ b/src/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TopTables.tsx
@@ -1,4 +1,5 @@
 import {useDispatch} from 'react-redux';
+import {useLocation} from 'react-router';
 import cn from 'bem-cn-lite';
 
 import DataTable, {Column} from '@gravity-ui/react-data-table';
@@ -17,6 +18,7 @@ import type {KeyValueRow} from '../../../../../types/api/query';
 import {formatBytes, getSizeWithSignificantDigits} from '../../../../../utils/bytesParsers';
 import {TableSkeleton} from '../../../../../components/TableSkeleton/TableSkeleton';
 import {ResponseError} from '../../../../../components/Errors/ResponseError';
+import {LinkToSchemaObject} from '../../../../../components/LinkToSchemaObject/LinkToSchemaObject';
 
 import './TenantStorage.scss';
 
@@ -28,6 +30,7 @@ interface TopTablesProps {
 
 export function TopTables({path}: TopTablesProps) {
     const dispatch = useDispatch();
+    const location = useLocation();
 
     const {autorefresh} = useTypedSelector((state) => state.schema);
 
@@ -68,11 +71,15 @@ export function TopTables({path}: TopTablesProps) {
             name: 'Path',
             sortable: false,
             render: ({row}) => (
-                <div className={b('cell-with-popover-wrapper')}>
+                <LinkToSchemaObject
+                    className={b('cell-with-popover-wrapper')}
+                    path={row.Path as string}
+                    location={location}
+                >
                     <Popover className={b('cell-with-popover')} content={row.Path}>
                         {row.Path}
                     </Popover>
-                </div>
+                </LinkToSchemaObject>
             ),
         },
     ];