Created social page

src/app/pages/ranking/ranking.component.html

@@ -1,6 +1,11 @@
-<ion-header class="bg-white">
-    <p class="text-center font-bold font-sans">Classement général</p>
+<ion-header>
+    <ion-toolbar>
+        <ion-title class="font-mono">
+            Classement général
+        </ion-title>
+    </ion-toolbar>
 </ion-header>
+
 <ion-content style="--background: #f7f6f2;">
     <div class="rounded-3xl px-5 m-3 bg-white overflow-auto font-mono">
         @for (user of users(); track user.id; let i = $index) {

src/app/pages/ranking/ranking.component.ts

@@ -26,7 +26,7 @@ export class RankingComponent implements OnInit {
         const loading = await this.loadCtrl.create({
             message: 'Chargement...',
             duration: 1000,
-            spinner: 'circles'
+            spinner: 'lines-sharp-small'
         });
         await loading.present();
 

src/app/pages/social/social.component.html

@@ -0,0 +1,16 @@
+<ion-header>
+    <ion-toolbar>
+        <ion-title class="font-mono">
+            Mes amis
+        </ion-title>
+    </ion-toolbar>
+</ion-header>
+<ion-content style="--background: #f7f6f2;">
+    <ion-searchbar placeholder="Rechercher par pseudo..." class="mt-2"></ion-searchbar>
+
+    <app-title-part textInfo="Demandes reçues"></app-title-part>
+    <app-friend-request></app-friend-request>
+
+    <app-title-part textInfo="Amis"></app-title-part>
+    <app-friends-list></app-friends-list>
+</ion-content>

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

@@ -1,10 +1,19 @@
 import {Component} from '@angular/core';
+import {TitlePartComponent} from "../../components/title-part/title-part.component";
+import {IonicModule} from "@ionic/angular";
+import {FriendRequestComponent} from "../../components/friend-request/friend-request.component";
+import {FriendsListComponent} from "../../components/friends/friends-list.component";
 
 @Component({
     selector: 'app-social',
     templateUrl: './social.component.html',
     styleUrls: ['./social.component.scss'],
-    imports: []
+    imports: [
+        TitlePartComponent,
+        IonicModule,
+        FriendRequestComponent,
+        FriendsListComponent
+    ]
 })
 export class SocialComponent {