Update flare-ui/src/app/components/projects/projects.component.ts

flare-ui/src/app/components/projects/projects.component.ts

@@ -16,6 +16,8 @@ import { MatIconModule } from '@angular/material/icon';
 import { MatMenuModule } from '@angular/material/menu';
 import { MatDividerModule } from '@angular/material/divider';
 import { ApiService, Project } from '../../services/api.service';
+import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
+import { AuthInterceptor } from '../../interceptors/auth.interceptor';
 import { Subject, takeUntil } from 'rxjs';
 
 // Dynamic imports for dialogs
@@ -29,6 +31,7 @@ const loadConfirmDialog = () => import('../../dialogs/confirm-dialog/confirm-dia
   imports: [
     CommonModule,
     FormsModule,
+    HttpClientModule,
     MatTableModule,
     MatProgressBarModule,
     MatButtonModule,
@@ -44,6 +47,14 @@ const loadConfirmDialog = () => import('../../dialogs/confirm-dialog/confirm-dia
     MatDialogModule,
     MatSnackBarModule
   ],
+  providers: [
+    ApiService,
+    {
+      provide: HTTP_INTERCEPTORS,
+      useClass: AuthInterceptor,
+      multi: true
+    }
+  ],
   templateUrl: './projects.component.html',
   styleUrls: ['./projects.component.scss']
 })