add friend service + modify navbar to open friend popup

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

@@ -1,4 +1,6 @@
 import { Component } from '@angular/core';
+import { FriendsService } from '../../services/friends/friends.service';
+import { User } from '../../model/User';
 
 @Component({
   selector: 'app-friend-page',
@@ -8,4 +10,9 @@ import { Component } from '@angular/core';
 })
 export class FriendPageComponent {
 
+  private readonly listFriend : User[] = [];
+  constructor(friendService : FriendsService){}
+
+
+
 }

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

@@ -166,11 +166,7 @@
           <app-add-pin-popup></app-add-pin-popup>
         </li>
         <li class="flex items-center space-x-2">
-          <a
+          <app-friend-page></app-friend-page>
-            href="#"
-            class="block py-2 text-gray-900 dark:text-white hover:text-gray-700 dark:hover:text-gray-300"
-            >Amis
-          </a>
         </li>
       </ul>
     </div>

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

@@ -2,10 +2,11 @@ import { NgIf } from '@angular/common';
 import { Component, OnInit } from '@angular/core';
 import { NavigationEnd, Router } from '@angular/router';
 import { AddPinPopupComponent } from '../add-pin-popup/add-pin-popup.component';
+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.spec.ts

@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { FriendsService } from './friends.service';
+
+describe('FriendsService', () => {
+  let service: FriendsService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(FriendsService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});

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

@@ -0,0 +1,25 @@
+import { Injectable } from '@angular/core';
+import { HttpClient, HttpHeaders } from '@angular/common/http';
+import { environment } from '../../../environments/environment';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class FriendsService {
+
+  private apiURL = environment.apiURL;
+  private token = localStorage.getItem('auth_token');
+  constructor(private http: HttpClient) { }
+
+
+  getFriend(){
+    const url = `${this.apiURL}/friends`;
+    const headers = new HttpHeaders({
+      'Content-Type': 'application/json',
+      Authorization: 'Bearer ' + this.token,
+    });
+    return this.http.get(url);
+  }
+
+
+}