fix: support name param for database (#2426)

Author: Raubzeug

src/containers/Tenant/Tenant.tsx

@@ -44,14 +44,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

@@ -4,9 +4,10 @@ import {BooleanParam, StringParam, useQueryParams} from 'use-query-params';
 
 export function useTenantQueryParams() {
     const [
-        {showHealthcheck, database, schema, view, issuesFilter, showGrantAccess, aclSubject},
+        {showHealthcheck, database, schema, view, issuesFilter, showGrantAccess, aclSubject, name},
         setQueryParams,
     ] = useQueryParams({
+        name: StringParam,
         showHealthcheck: BooleanParam,
         database: StringParam,
         schema: StringParam,
@@ -75,5 +76,6 @@ export function useTenantQueryParams() {
         handleIssuesFilterChange,
         aclSubject,
         handleAclSubjectChange,
+        name,
     };
 }