Prompt for the VenueAreaView

Please create a React-JS view called "VenueAreaView" for the fields of the VenueArea entity. The VenueAreaView must contain the following fields: 
    - name: Arena   type: Arena 
    - name: Capacity   type: LONG 
    - name: Description   type: STRING 
    - name: Name   type: STRING 
    - name: Type   type: STRING 
The data source for the [Arena] select control should be loaded from the relative URL: 
    "/ArenaService/arena"   (HTTP-GET) 
An existing VenueArea entity should be loaded from the relative URL: 
    "/VenueAreaService/venuearea/{id}"   (HTTP-GET) 
If a new VenueArea entity has been created, the new entity should be posted to the relative URL: 
    "/VenueAreaService/venuearea"   (HTTP-POST) 
If an existing VenueArea entity has been updated, the modified entity should be sent to the relative URL: 
    "/VenueAreaService/venuearea/{id}"   (HTTP-PUT) 
If an existing VenueArea entity has to be deleted, the following relative URL should be called: 
    "/VenueAreaService/venuearea/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following Event columns: 
    - column: ExternalReference 
    - column: TicketUrl 
    - column: DoorOpenTime 
    - column: StartDateTime 
    - column: Organizer 
    - column: EndDateTime 
    - column: Subtitle 
    - column: VenueArea 
    - column: Language 
    - column: Arena 
    - column: Name 
    - column: Description 
    - column: IsCanceled 
    - column: EventSeries 
    - column: IsPostponed 
    - column: EventCategory 
    - column: MinimumAge 
The table should have the title "Events" und the data must be loaded from the server with the following relative URL: 
    "/EventService/event/venuearea/{id}" 
Add a HTML table to the view with the following SeatBlock columns: 
    - column: Name 
    - column: Code 
    - column: Capacity 
    - column: Description 
    - column: VenueArea 
The table should have the title "SeatBlocks" und the data must be loaded from the server with the following relative URL: 
    "/VenueAreaService/seatblock/venuearea/{id}" 
Add a HTML table to the view with the following GastronomyUnit columns: 
    - column: OpeningHours 
    - column: Description 
    - column: VenueArea 
    - column: Name 
    - column: Type 
The table should have the title "GastronomyUnits" und the data must be loaded from the server with the following relative URL: 
    "/GastronomyUnitService/gastronomyunit/venuearea/{id}" 
Add a HTML table to the view with the following AccessPoint columns: 
    - column: VenueArea 
    - column: AccessCode 
    - column: Name 
    - column: Description 
The table should have the title "AccessPoints" und the data must be loaded from the server with the following relative URL: 
    "/VenueAreaService/accesspoint/venuearea/{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/venuearea/{id}" 
Add a HTML table to the view with the following ConferenceRoom columns: 
    - column: VenueArea 
    - column: Name 
    - column: Description 
    - column: Floor 
    - column: RoomNumber 
    - column: Capacity 
The table should have the title "ConferenceRooms" und the data must be loaded from the server with the following relative URL: 
    "/ConferenceRoomService/conferenceroom/venuearea/{id}"

Overview

My API

System Designs