Fixed form error in update profil page

src/app/components/profil/profil.html

@@ -1,15 +1,9 @@
-<div class="ml-110 cursor-pointer">
-    <app-modal-nav nameIcon="edit" name="Modification du profil">
-        <app-profil-form [user]=""></app-profil-form>
-    </app-modal-nav>
-</div>
-
 <div class="mx-auto flex items-center justify-center w-30 h-30 rounded-full bg-blue-900 text-white text-6xl fontProfil">
-    {{ getInitial(data.name) }}
+    {{ getInitial(user().name) }}
 </div>
 
 <div class="mt-6">
-    <p class="text-3xl festive2 mx-auto flex items-center justify-center">{{ data.name }}</p>
-    <p class="text-xl festive2 mt-0 flex items-center justify-center">{{ data.email }}</p>
-    <p class="text-xl festive2 mt-0 flex items-center justify-center">{{ data.fonction }}</p>
+    <p class="text-3xl festive2 mx-auto flex items-center justify-center">{{ user().name }}</p>
+    <p class="text-xl festive2 mt-0 flex items-center justify-center">{{ user().email }}</p>
+    <p class="text-xl festive2 mt-0 flex items-center justify-center">{{ user().fonction }}</p>
 </div>

src/app/components/profil/profil.ts

@@ -1,24 +1,28 @@
-import {Component} from '@angular/core';
-import {UserInfo} from "../../interfaces/user.interface";
-import {ProfilForm} from "../profil-form/profil-form";
-import {ModalNav} from "../modal-nav/modal-nav";
+import {Component, inject, OnInit, signal} from '@angular/core';
+import {NzNotificationService} from "ng-zorro-antd/notification";
+import {GetUserDto, UserService} from "../../services/api";
+import {firstValueFrom} from "rxjs";
 
 @Component({
     selector: 'app-profil',
-    imports: [
-        ProfilForm,
-        ModalNav
-    ],
+    imports: [],
     templateUrl: './profil.html',
     styleUrl: './profil.css',
 })
-export class Profil {
-    data: UserInfo =
-        {
-            name: 'Mathys Sanchez Vendé',
-            email: 'mathys.sanchez@vende.fr',
-            fonction: 'admin',
-        };
+export class Profil implements OnInit {
+    private notificationService = inject(NzNotificationService);
+    private userService = inject(UserService);
+
+    user = signal<GetUserDto>({});
+
+    async ngOnInit() {
+        try {
+            const user = await firstValueFrom(this.userService.getUserEndpoint());
+            this.user.set(user);
+        } catch {
+            this.notificationService.error('Erreur', 'Impossible de charger l\'utilisateur');
+        }
+    }
 
     getInitial(name: string): string {
         if (!name || name.trim() === '') return '?';