fix(LinkToSchemaObject): fix schema link (#566)

Author: krosy1337

src/components/LinkToSchemaObject/LinkToSchemaObject.tsx

@@ -2,8 +2,7 @@ import type {Location} from 'history';
 
 import {Link, type LinkProps} from '@gravity-ui/uikit';
 
-import {parseQuery} from '../../routes';
-import {getTenantPath} from '../../containers/Tenant/TenantPages';
+import {createExternalUILink, parseQuery} from '../../routes';
 
 interface LinkToSchemaObjectProps extends LinkProps {
     path: string;
@@ -12,6 +11,10 @@ interface LinkToSchemaObjectProps extends LinkProps {
 
 export function LinkToSchemaObject({path, location, ...props}: LinkToSchemaObjectProps) {
     const queryParams = parseQuery(location);
+    const pathToSchemaObject = createExternalUILink({
+        ...queryParams,
+        schema: path,
+    });
 
-    return <Link view="normal" href={getTenantPath({...queryParams, schema: path})} {...props} />;
+    return <Link view="normal" href={pathToSchemaObject} {...props} />;
 }

src/containers/Tenant/Info/ExternalTable/ExternalTable.tsx

@@ -3,7 +3,7 @@ import block from 'bem-cn-lite';
 
 import type {TEvDescribeSchemeResult} from '../../../../types/api/schema';
 import {useTypedSelector} from '../../../../utils/hooks';
-import {createHref, parseQuery} from '../../../../routes';
+import {createExternalUILink, parseQuery} from '../../../../routes';
 import {formatCommonItem} from '../../../../components/InfoViewer/formatters';
 import {InfoViewer, InfoViewerItem} from '../../../../components/InfoViewer';
 import {ExternalLinkWithIcon} from '../../../../components/ExternalLinkWithIcon/ExternalLinkWithIcon';
@@ -72,9 +72,7 @@ const ExternalTable = ({data, prepareData}: ExternalTableProps) => {
     const location = useLocation();
     const query = parseQuery(location);
 
-    // embedded version could be located in some folder (e.g. host/some_folder/app_router_path)
-    // window.location has the full pathname, while location from router ignores path to project
-    const pathToDataSource = createHref(window.location.pathname, undefined, {
+    const pathToDataSource = createExternalUILink({
         ...query,
         schema: data?.PathDescription?.ExternalTableDescription?.DataSourcePath,
     });

src/routes.ts

@@ -49,4 +49,10 @@ export function createHref(
     return `${compile(route)(params)}${search}`;
 }
 
+// embedded version could be located in some folder (e.g. host/some_folder/app_router_path)
+// window.location has the full pathname, while location from router ignores path to project
+// this navigation assumes page reloading
+export const createExternalUILink = (query = {}) =>
+    createHref(window.location.pathname, undefined, query);
+
 export default routes;