Merge branch 'master' into search-pin

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

@@ -61,7 +61,9 @@
         </button>
       </div>
       <!-- Modal body -->
-      <div class="p-4 md:p-5">
+      <div 
+        class="p-4 md:p-5" 
+        *ngIf="isLoginModalOpen">
         <form [formGroup]="userForm" class="space-y-4">
           <div>
             <label

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

@@ -63,7 +63,9 @@
         </button>
       </div>
       <!-- Modal body -->
-      <div class="p-4 md:p-5">
+      <div 
+        class="p-4 md:p-5"
+        *ngIf="isRegisterModalOpen">
         <form [formGroup]="userForm" class="space-y-4">
           <div>
             <label

src/app/services/pin.service.ts

@@ -13,7 +13,7 @@ export class PinService {
   filteredPins: Pin[] = [];
 
   private apiURL = environment.apiURL;
-  private token = localStorage.getItem('auth_token');
+
   constructor(
     private http: HttpClient,
     private autoCompleteService: AutocompleteService
@@ -23,7 +23,7 @@ export class PinService {
     const url = `${this.apiURL}/pins`;
     const headers = new HttpHeaders({
       'Content-Type': 'application/json',
-      Authorization: 'Bearer ' + this.token,
+      Authorization: 'Bearer ' + localStorage.getItem('auth_token'),
     });
     return this.http.get<any>(url, { headers });
   }
@@ -37,7 +37,7 @@ export class PinService {
     const url = `${this.apiURL}/pin/add`;
     const headers = new HttpHeaders({
       'Content-Type': 'application/json',
-      Authorization: 'Bearer ' + this.token,
+      Authorization: 'Bearer ' + localStorage.getItem('auth_token'),
     });
     return this.autoCompleteService.getAdressCoordinates(pin.location).pipe(
       switchMap((response: any) => {