Fixed refresh error with social page

src/app/pages/social/social.component.ts

@@ -1,11 +1,12 @@
-import {Component} from '@angular/core';
+import {Component, inject, OnInit} from '@angular/core';
 import {TitlePartComponent} from "../../components/title-part/title-part.component";
-import {IonicModule} from "@ionic/angular";
+import {IonicModule, LoadingController} from "@ionic/angular";
 import {FriendRequestComponent} from "../../components/friend-request/friend-request.component";
 import {FriendsListComponent} from "../../components/friends/friends-list.component";
 import {addIcons} from "ionicons";
 import {addCircleOutline} from 'ionicons/icons';
 import {SearchFriendComponent} from "../../components/search-friend/search-friend.component";
+import {FriendsStateService} from "../../services/friends-state";
 
 addIcons({
     "send": addCircleOutline
@@ -23,6 +24,33 @@ addIcons({
         SearchFriendComponent
     ]
 })
-export class SocialComponent {
+export class SocialComponent implements OnInit {
+    private friendsState = inject(FriendsStateService);
+    private loadCtrl = inject(LoadingController);
 
+    async ngOnInit() {
+        const loading = await this.loadCtrl.create({
+            message: 'Chargement...',
+            spinner: 'lines-sharp-small'
+        });
+        await loading.present();
+
+        await this.friendsState.fetchFriendsRequest();
+        await this.friendsState.fetchFriends();
+
+        await loading.dismiss();
+    }
+
+    async ionViewWillEnter() {
+        const loading = await this.loadCtrl.create({
+            message: 'Chargement...',
+            spinner: 'lines-sharp-small'
+        });
+        await loading.present();
+
+        await this.friendsState.fetchFriendsRequest();
+        await this.friendsState.fetchFriends();
+
+        await loading.dismiss();
+    }
 }