From 4bee373e8553d6753a0ae9742dff334234162dd8 Mon Sep 17 00:00:00 2001
From: Carlos Santos <4a.santos@gmail.com>
Date: Fri, 9 Jan 2026 11:50:01 +0100
Subject: [PATCH] frontend: refactor ConfigComponent to use Angular's inject
 for services

---
 .../src/lib/pages/console/config/config.component.ts   | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/meet-ce/frontend/projects/shared-meet-components/src/lib/pages/console/config/config.component.ts b/meet-ce/frontend/projects/shared-meet-components/src/lib/pages/console/config/config.component.ts
index 622cc959..525329d8 100644
--- a/meet-ce/frontend/projects/shared-meet-components/src/lib/pages/console/config/config.component.ts
+++ b/meet-ce/frontend/projects/shared-meet-components/src/lib/pages/console/config/config.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit, signal } from '@angular/core';
+import { Component, inject, OnInit, signal } from '@angular/core';
 import { FormControl, FormGroup, ReactiveFormsModule, Validators } from '@angular/forms';
 import { MatButtonModule } from '@angular/material/button';
 import { MatCardModule } from '@angular/material/card';
@@ -104,11 +104,9 @@ export class ConfigComponent implements OnInit {
 
 	private lastBaseThemeValue: MeetRoomThemeMode | null = null;
 	private isUpdatingColors = false; // Flag to prevent infinite loops
-
-	constructor(
-		private configService: GlobalConfigService,
-		private notificationService: NotificationService
-	) {
+	protected configService: GlobalConfigService = inject(GlobalConfigService);
+	protected notificationService: NotificationService = inject(NotificationService);
+	constructor() {
 		// Track form changes
 		this.appearanceForm.valueChanges.subscribe(() => {
 			// Prevent infinite loops when updating colors programmatically