http put works

Author: actionanand

src/app/places/available-places/available-places.component.html

@@ -4,7 +4,7 @@
   }
 
   @if (places()) {
-    <app-places [places]="places()!" />
+    <app-places [places]="places()!" (selectPlace)="onSelectPlaces($event)" />
   } @else if (places()?.length === 0) {
     <p class="fallback-text">Unfortunately, no places could be found.</p>
   }

src/app/places/available-places/available-places.component.ts

@@ -53,4 +53,14 @@ export class AvailablePlacesComponent implements OnInit {
 
     this.destroyRef.onDestroy(() => availablePlaceSub.unsubscribe());
   }
+
+  onSelectPlaces(selectedPlace: Place) {
+    this.http
+      .put('/api/v2/user-places', {
+        placeId: selectedPlace.id,
+      })
+      .subscribe({
+        next: resp => console.log('Place added. ', resp),
+      });
+  }
 }