connection list: update list on RA hosted db delete

Author: lyubov-voloshko

frontend/src/app/components/hosted-databases/hosted-databases.component.ts

@@ -8,6 +8,7 @@ import { Title } from '@angular/platform-browser';
 import posthog from 'posthog-js';
 import { FoundHostedDatabase } from 'src/app/models/hosted-database';
 import { CompanyService } from 'src/app/services/company.service';
+import { ConnectionsService } from 'src/app/services/connections.service';
 import { HostedDatabaseService } from 'src/app/services/hosted-database.service';
 
 import { UserService } from 'src/app/services/user.service';
@@ -24,6 +25,7 @@ import { HostedDatabaseResetPasswordDialogComponent } from './hosted-database-re
 })
 export class HostedDatabasesComponent implements OnInit {
 	private _hostedDatabaseService = inject(HostedDatabaseService);
+	private _connectionsService = inject(ConnectionsService);
 	private _userService = inject(UserService);
 	private _company = inject(CompanyService);
 	private _dialog = inject(MatDialog);
@@ -56,6 +58,7 @@ export class HostedDatabasesComponent implements OnInit {
 		dialogRef.afterClosed().subscribe(async (action) => {
 			if (action === 'delete') {
 				posthog.capture('Hosted Databases: database deleted successfully');
+				this._connectionsService.invalidateConnections();
 				await this._loadDatabases();
 			}
 		});

frontend/src/app/services/connections.service.ts

@@ -68,6 +68,10 @@ export class ConnectionsService {
 
 	public cast = this.connectionsSubject.asObservable();
 
+	invalidateConnections(): void {
+		this.connectionsSubject.next(null);
+	}
+
 	constructor(
 		private _http: HttpClient,
 		private router: Router,