fix

src/app/services/candidate-data.service.ts

@@ -1,16 +1,16 @@
 import { HttpClient } from "@angular/common/http";
 import { inject, Injectable, signal } from "@angular/core";
-import { environment } from "../../environments/environment.development";
+import { environment } from "../../environments/environment";
 import { delay, tap } from "rxjs";
 
 @Injectable({
     providedIn: 'root'
 })
 export class CandidateDataService {
-    httpClient = inject(HttpClient)
-    isCandidatesListLoading = signal(false)
-    isApplicationDetailsLoading = signal(false)
-    cachedApplicationList: any[] = []
+    httpClient = inject(HttpClient);
+    isCandidatesListLoading = signal(false);
+    isApplicationDetailsLoading = signal(false);
+    cachedApplicationList = signal<any[]>([]);
 
     loadCandidateList() {
         this.isCandidatesListLoading.set(true)
@@ -18,7 +18,7 @@ export class CandidateDataService {
             delay(500),
             tap((data) => {
                 this.isCandidatesListLoading.set(false);
-                this.cachedApplicationList = data;
+                this.cachedApplicationList.set(data);
             })
         );
     }
@@ -45,7 +45,7 @@ export class CandidateDataService {
     deleteCandidate(id: number) {
         return this.httpClient.delete(`${environment.hostUrl}/app/candidate/${id}`).pipe(
             tap(() => {
-                this.cachedApplicationList = this.cachedApplicationList.filter(c => c.id !== id);
+                this.cachedApplicationList.set(this.cachedApplicationList().filter(c => c.id !== id));
             })
         );
     }

src/app/services/socket-io.service.ts

@@ -1,17 +1,19 @@
 import { Injectable } from '@angular/core';
 import { Observable } from 'rxjs';
 import { io } from "socket.io-client";
+import { environment } from '../../environments/environment';
 
 @Injectable({
   providedIn: 'root'
 })
 export class SocketIOService {
 
-  socket = io('ws://localhost:3000');
+  socket = io(`${environment.socketUrl}`);
 
   onCandidateRegistered(): Observable<any> {
     return new Observable(observer => {
       this.socket.on('candidateRegistered', (data) => {
+        console.log(data);
         observer.next(data);
       });
     });