fix(Tenant): support name param

Author: Raubzeug

src/containers/Tenant/Tenant.tsx

@@ -43,14 +43,24 @@ interface TenantProps {
     additionalNodesProps?: AdditionalNodesProps;
 }
 
+// eslint-disable-next-line complexity
 export function Tenant(props: TenantProps) {
     const [summaryVisibilityState, dispatchSummaryVisibilityAction] = React.useReducer(
         paneVisibilityToggleReducerCreator(DEFAULT_IS_TENANT_SUMMARY_COLLAPSED),
         undefined,
         getTenantSummaryState,
     );
 
-    const {database, schema} = useTenantQueryParams();
+    // TODO: name is used together with database to keep old links valid, do not remove
+    const {database: queryDatabase, schema, name, handleDatabaseChange} = useTenantQueryParams();
+
+    React.useEffect(() => {
+        if (name && !queryDatabase) {
+            handleDatabaseChange(name);
+        }
+    }, [queryDatabase, name, handleDatabaseChange]);
+
+    const database = queryDatabase ?? name;
 
     if (!database) {
         throw new Error('Tenant name is not defined');

src/containers/Tenant/useTenantQueryParams.ts

@@ -3,13 +3,14 @@ import React from 'react';
 import {BooleanParam, StringParam, useQueryParams} from 'use-query-params';
 
 export function useTenantQueryParams() {
-    const [{showHealthcheck, database, schema, view, issuesFilter}, setQueryParams] =
+    const [{showHealthcheck, database, schema, view, issuesFilter, name}, setQueryParams] =
         useQueryParams({
             showHealthcheck: BooleanParam,
             database: StringParam,
             schema: StringParam,
             view: StringParam,
             issuesFilter: StringParam,
+            name: StringParam,
         });
     const handleShowHealthcheckChange = React.useCallback(
         (value?: boolean) => {
@@ -55,5 +56,6 @@ export function useTenantQueryParams() {
         handleHealthcheckViewChange,
         issuesFilter,
         handleIssuesFilterChange,
+        name,
     };
 }