add tick to accept or deny friends + starting get to api

src/app/components/friend-page/friend-page.component.html

@@ -37,7 +37,6 @@
       />
     </div>
 
-    <!-- Contenu du modal -->
     <div class="p-4 space-y-3">
       <div class="friend flex items-center space-x-3">
         <img class="w-10 h-10 rounded-full" src="https://i.pravatar.cc/100?img=1" alt="Friend 1">
@@ -47,12 +46,26 @@
         <img class="w-10 h-10 rounded-full" src="https://i.pravatar.cc/100?img=2" alt="Friend 2">
         <span class="text-gray-900 dark:text-white">Bob</span>
       </div>
-      <div class="friend flex items-center space-x-3">
-        <img class="w-10 h-10 rounded-full" src="https://i.pravatar.cc/100?img=3" alt="Friend 3">
-        <span class="text-gray-900 dark:text-white">Charlie</span>
+      <div class="friend flex items-center justify-between space-x-3">
+        <div class="flex items-center space-x-3">
+          <img class="w-10 h-10 rounded-full" src="https://i.pravatar.cc/100?img=3" alt="Friend 3">
+          <span class="text-gray-900 dark:text-white">Charlie</span>
+        </div>
+        <div class="flex space-x-2">
+          <button class="p-2 bg-green-500 text-white rounded-full">
+            <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
+            </svg>
+          </button>
+          <button class="p-2 bg-red-500 text-white rounded-full">
+            <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
+            </svg>
+          </button>
+        </div>
       </div>
-    </div>
-
+    </div>    
+    
     <!-- Pied du modal -->
     <div class="flex justify-end p-4 border-t dark:border-gray-700">
       <button

src/app/components/friend-page/friend-page.component.ts

@@ -11,8 +11,14 @@ import { User } from '../../model/User';
 export class FriendPageComponent {
 
   private readonly listFriend : User[] = [];
-  constructor(friendService : FriendsService){}
+  constructor(friendService : FriendsService){
+    friendService.getFriend().subscribe((data) => {
+      this.listFriend.push();
+    });;
+  }
 
+  
+  
 
 
 }

src/app/components/navbar/navbar.component.html

@@ -173,7 +173,7 @@
           <app-add-pin-popup></app-add-pin-popup>
         </li>
         <li class="flex items-center space-x-2">
-          <app-friend-page></app-friend-page>
+            <app-friend-page></app-friend-page>
         </li>
       </ul>
     </div>

src/app/components/navbar/navbar.component.ts

@@ -7,7 +7,7 @@ import { FriendPageComponent } from "../friend-page/friend-page.component";
 
 @Component({
   selector: 'app-navbar',
-  imports: [AddPinPopupComponent, NgIf],
+  imports: [AddPinPopupComponent, NgIf,FriendPageComponent],
   templateUrl: './navbar.component.html',
 })
 export class NavbarComponent implements OnInit {

src/app/services/friends/friends.service.ts

@@ -22,4 +22,5 @@ export class FriendsService {
   }
 
 
+
 }