Prompt for the BookingItemView

Please create a React-JS view called "BookingItemView" for the fields of the BookingItem entity. The BookingItemView must contain the following fields: 
    - name: Booking   type: Booking 
    - name: Event   type: Event 
    - name: EventTicketType   type: EventTicketType 
    - name: Quantity   type: LONG 
    - name: Seat   type: Seat 
    - name: TotalPrice   type: STRING 
    - name: UnitPrice   type: STRING 
The data source for the [Seat] select control should be loaded from the relative URL: 
    "/VenueAreaService/seat"   (HTTP-GET) 
The data source for the [EventTicketType] select control should be loaded from the relative URL: 
    "/PriceCategoryService/eventtickettype"   (HTTP-GET) 
The data source for the [Event] select control should be loaded from the relative URL: 
    "/EventService/event"   (HTTP-GET) 
The data source for the [Booking] select control should be loaded from the relative URL: 
    "/CustomerService/booking"   (HTTP-GET) 
An existing BookingItem entity should be loaded from the relative URL: 
    "/EventService/bookingitem/{id}"   (HTTP-GET) 
If a new BookingItem entity has been created, the new entity should be posted to the relative URL: 
    "/EventService/bookingitem"   (HTTP-POST) 
If an existing BookingItem entity has been updated, the modified entity should be sent to the relative URL: 
    "/EventService/bookingitem/{id}"   (HTTP-PUT) 
If an existing BookingItem entity has to be deleted, the following relative URL should be called: 
    "/EventService/bookingitem/{id}"   (HTTP-DELETE)

Overview

My API

System Designs