Prompt for the SpaceportApp

Please create a React-JS application for the SpaceportModule. The application  has to offer the following views for the user interface: 
    1. AirspaceRestrictionView 
    2. RegionView 
    3. SpaceportView 
    4. SpaceportCategoryAssignmentView 
The views have to be reachable for the user via a menu list at the left side of each view. The requirements for the 4 views are defined below.

1. The AirspaceRestrictionView must contain the following fields: 
    - name: Description   type: STRING 
    - name: Direction   type: STRING 
    - name: DistanceKm   type: STRING 
    - name: Name   type: STRING 
    - name: Spaceport   type: Spaceport 
The data source for the [Spaceport] select control should be loaded from the relative URL: 
    "/SpaceportService/spaceport"   (HTTP-GET) 
An existing AirspaceRestriction entity should be loaded from the relative URL: 
    "/SpaceportService/airspacerestriction/{id}"   (HTTP-GET) 
If a new AirspaceRestriction entity has been created, the new entity should be posted to the relative URL: 
    "/SpaceportService/airspacerestriction"   (HTTP-POST) 
If an existing AirspaceRestriction entity has been updated, the modified entity should be sent to the relative URL: 
    "/SpaceportService/airspacerestriction/{id}"   (HTTP-PUT) 
If an existing AirspaceRestriction entity has to be deleted, the following relative URL should be called: 
    "/SpaceportService/airspacerestriction/{id}"   (HTTP-DELETE)

2. The RegionView must contain the following fields: 
    - name: Country   type: Country 
    - name: Name   type: STRING 
    - name: Type   type: STRING 
The data source for the [Country] select control should be loaded from the relative URL: 
    "/CountryService/country"   (HTTP-GET) 
An existing Region entity should be loaded from the relative URL: 
    "/SpaceportService/region/{id}"   (HTTP-GET) 
If a new Region entity has been created, the new entity should be posted to the relative URL: 
    "/SpaceportService/region"   (HTTP-POST) 
If an existing Region entity has been updated, the modified entity should be sent to the relative URL: 
    "/SpaceportService/region/{id}"   (HTTP-PUT) 
If an existing Region entity has to be deleted, the following relative URL should be called: 
    "/SpaceportService/region/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following Spaceport columns: 
    - column: Status 
    - column: Latitude 
    - column: Name 
    - column: Country 
    - column: Region 
    - column: IsSuborbitalOnly 
    - column: IsAirportBased 
    - column: IsSeaPlatform 
    - column: Notes 
    - column: Longitude 
    - column: FirstOrbitalLaunchDate 
    - column: FirstSuborbitalLaunchDate 
The table should have the title "Spaceports" und the data must be loaded from the server with the following relative URL: 
    "/SpaceportService/spaceport/region/{id}"

3. The SpaceportView must contain the following fields: 
    - name: Country   type: Country 
    - name: FirstOrbitalLaunchDate   type: DATE 
    - name: FirstSuborbitalLaunchDate   type: DATE 
    - name: IsAirportBased   type: BOOL 
    - name: IsSeaPlatform   type: BOOL 
    - name: IsSuborbitalOnly   type: BOOL 
    - name: Latitude   type: STRING 
    - name: Longitude   type: STRING 
    - name: Name   type: STRING 
    - name: Notes   type: STRING 
    - name: Region   type: Region 
    - name: Status   type: STRING 
The data source for the [Country] select control should be loaded from the relative URL: 
    "/CountryService/country"   (HTTP-GET) 
The data source for the [Region] select control should be loaded from the relative URL: 
    "/SpaceportService/region"   (HTTP-GET) 
An existing Spaceport entity should be loaded from the relative URL: 
    "/SpaceportService/spaceport/{id}"   (HTTP-GET) 
If a new Spaceport entity has been created, the new entity should be posted to the relative URL: 
    "/SpaceportService/spaceport"   (HTTP-POST) 
If an existing Spaceport entity has been updated, the modified entity should be sent to the relative URL: 
    "/SpaceportService/spaceport/{id}"   (HTTP-PUT) 
If an existing Spaceport entity has to be deleted, the following relative URL should be called: 
    "/SpaceportService/spaceport/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following LaunchPad columns: 
    - column: Longitude 
    - column: Latitude 
    - column: Name 
    - column: Notes 
    - column: Code 
    - column: Status 
    - column: Spaceport 
The table should have the title "LaunchPads" und the data must be loaded from the server with the following relative URL: 
    "/SpaceAgencyService/launchpad/spaceport/{id}" 
Add a HTML table to the view with the following SpaceportCategoryAssignment columns: 
    - column: ToDate 
    - column: FromDate 
    - column: SpaceportCategory 
    - column: Notes 
    - column: Spaceport 
The table should have the title "SpaceportCategoryAssignments" und the data must be loaded from the server with the following relative URL: 
    "/SpaceportService/spaceportcategoryassignment/spaceport/{id}" 
Add a HTML table to the view with the following ProtectionZone columns: 
    - column: Spaceport 
    - column: Type 
    - column: Name 
    - column: Description 
The table should have the title "ProtectionZones" und the data must be loaded from the server with the following relative URL: 
    "/SpaceAgencyService/protectionzone/spaceport/{id}" 
Add a HTML table to the view with the following SpaceportLaunchVehicleUsage columns: 
    - column: LaunchVehicle 
    - column: IsPlanned 
    - column: Spaceport 
    - column: FromDate 
    - column: Notes 
    - column: ToDate 
The table should have the title "SpaceportLaunchVehicleUsages" und the data must be loaded from the server with the following relative URL: 
    "/OperatorService/spaceportlaunchvehicleusage/spaceport/{id}" 
Add a HTML table to the view with the following SpaceportAgencyRole columns: 
    - column: ToDate 
    - column: Spaceport 
    - column: Role 
    - column: FromDate 
    - column: SpaceAgency 
The table should have the title "SpaceportAgencyRoles" und the data must be loaded from the server with the following relative URL: 
    "/SpaceAgencyService/spaceportagencyrole/spaceport/{id}" 
Add a HTML table to the view with the following Launch columns: 
    - column: IsSuccessful 
    - column: Notes 
    - column: IsCrewed 
    - column: MissionName 
    - column: LaunchPad 
    - column: LaunchDate 
    - column: Spaceport 
    - column: OrbitType 
    - column: LaunchVehicle 
The table should have the title "Launchs" und the data must be loaded from the server with the following relative URL: 
    "/LaunchVehicleService/launch/spaceport/{id}" 
Add a HTML table to the view with the following SpaceportOperator columns: 
    - column: Spaceport 
    - column: Operator 
    - column: ToDate 
    - column: Role 
    - column: FromDate 
The table should have the title "SpaceportOperators" und the data must be loaded from the server with the following relative URL: 
    "/OperatorService/spaceportoperator/spaceport/{id}" 
Add a HTML table to the view with the following Runway columns: 
    - column: Spaceport 
    - column: Notes 
    - column: LengthMeters 
    - column: Name 
    - column: SurfaceType 
The table should have the title "Runways" und the data must be loaded from the server with the following relative URL: 
    "/CountryService/runway/spaceport/{id}" 
Add a HTML table to the view with the following AirspaceRestriction columns: 
    - column: DistanceKm 
    - column: Spaceport 
    - column: Name 
    - column: Description 
    - column: Direction 
The table should have the title "AirspaceRestrictions" und the data must be loaded from the server with the following relative URL: 
    "/SpaceportService/airspacerestriction/spaceport/{id}"

4. The SpaceportCategoryAssignmentView must contain the following fields: 
    - name: FromDate   type: DATE 
    - name: Notes   type: STRING 
    - name: Spaceport   type: Spaceport 
    - name: SpaceportCategory   type: SpaceportCategory 
    - name: ToDate   type: DATE 
The data source for the [Spaceport] select control should be loaded from the relative URL: 
    "/SpaceportService/spaceport"   (HTTP-GET) 
The data source for the [SpaceportCategory] select control should be loaded from the relative URL: 
    "/CountryService/spaceportcategory"   (HTTP-GET) 
An existing SpaceportCategoryAssignment entity should be loaded from the relative URL: 
    "/SpaceportService/spaceportcategoryassignment/{id}"   (HTTP-GET) 
If a new SpaceportCategoryAssignment entity has been created, the new entity should be posted to the relative URL: 
    "/SpaceportService/spaceportcategoryassignment"   (HTTP-POST) 
If an existing SpaceportCategoryAssignment entity has been updated, the modified entity should be sent to the relative URL: 
    "/SpaceportService/spaceportcategoryassignment/{id}"   (HTTP-PUT) 
If an existing SpaceportCategoryAssignment entity has to be deleted, the following relative URL should be called: 
    "/SpaceportService/spaceportcategoryassignment/{id}"   (HTTP-DELETE)