Fixed multiple HTTP requests

frontend/SiteStatus/src/app/services/status.service.ts

@@ -5,6 +5,7 @@ import {ApiResultModel} from '../models/api-result.model';
 import {AppStateService} from './app-state.service';
 import {VpnStatusModel} from '../models/vpn/vpn-status.model';
 import {DnsStatusModel} from '../models/dns/dns-status.model';
+import {share} from 'rxjs/operators';
 
 const httpPostOptions = {
     headers: new HttpHeaders({ 'Content-Type': 'application/json' })
@@ -17,7 +18,7 @@ export class StatusService {
     constructor(private http: HttpClient, private appStateService: AppStateService) { }
 
         getVpnStatus(): Observable<ApiResultModel<VpnStatusModel>> {
-            const obs = this.http.get<ApiResultModel<VpnStatusModel>>(`${this.urlBase}/vpn`);
+            const obs = this.http.get<ApiResultModel<VpnStatusModel>>(`${this.urlBase}/vpn`).pipe(share());
             obs.subscribe(vpnStatus => {
                 this.appStateService.updateVpnStatus(vpnStatus.data);
             });
@@ -25,7 +26,7 @@ export class StatusService {
         }
 
         getDnsStatus(): Observable<ApiResultModel<DnsStatusModel>> {
-            const obs = this.http.get<ApiResultModel<DnsStatusModel>>(`${this.urlBase}/dns`);
+            const obs = this.http.get<ApiResultModel<DnsStatusModel>>(`${this.urlBase}/dns`).pipe(share());
             obs.subscribe(dnsStatus => {
                 this.appStateService.updateDnsStatus(dnsStatus.data);
             });