Prompt for the SeatBlockView

Please create a React-JS view called "SeatBlockView" for the fields of the SeatBlock entity. The SeatBlockView must contain the following fields: 
    - name: Capacity   type: LONG 
    - name: Code   type: STRING 
    - name: Description   type: STRING 
    - name: Name   type: STRING 
    - name: VenueArea   type: VenueArea 
The data source for the [VenueArea] select control should be loaded from the relative URL: 
    "/VenueAreaService/venuearea"   (HTTP-GET) 
An existing SeatBlock entity should be loaded from the relative URL: 
    "/VenueAreaService/seatblock/{id}"   (HTTP-GET) 
If a new SeatBlock entity has been created, the new entity should be posted to the relative URL: 
    "/VenueAreaService/seatblock"   (HTTP-POST) 
If an existing SeatBlock entity has been updated, the modified entity should be sent to the relative URL: 
    "/VenueAreaService/seatblock/{id}"   (HTTP-PUT) 
If an existing SeatBlock entity has to be deleted, the following relative URL should be called: 
    "/VenueAreaService/seatblock/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following Seat columns: 
    - column: IsStanding 
    - column: SeatBlock 
    - column: RowLabel 
    - column: SeatNumber 
The table should have the title "Seats" und the data must be loaded from the server with the following relative URL: 
    "/VenueAreaService/seat/seatblock/{id}" 
Add a HTML table to the view with the following EventTicketType columns: 
    - column: VenueArea 
    - column: SoldQuantity 
    - column: TicketType 
    - column: SeatBlock 
    - column: IsActive 
    - column: TotalAllocation 
    - column: Event 
    - column: PriceCategory 
    - column: BasePrice 
The table should have the title "EventTicketTypes" und the data must be loaded from the server with the following relative URL: 
    "/PriceCategoryService/eventtickettype/seatblock/{id}"

Overview

My API

System Designs