Prompt for the KraftstoffArtView

Please create a React-JS view called "KraftstoffArtView" for the fields of the KraftstoffArt entity. The KraftstoffArtView must contain the following fields: 
    - name: Beschreibung   type: STRING 
    - name: Code   type: STRING 
    - name: EnergieDichte   type: STRING 
    - name: IstElektrisch   type: BOOL 
    - name: IstFluessig   type: BOOL 
    - name: IstGasfoermig   type: BOOL 
    - name: Name   type: STRING 
    - name: Oktanzahl   type: INT 
An existing KraftstoffArt entity should be loaded from the relative URL: 
    "/KraftstoffArtService/kraftstoffart/{id}"   (HTTP-GET) 
If a new KraftstoffArt entity has been created, the new entity should be posted to the relative URL: 
    "/KraftstoffArtService/kraftstoffart"   (HTTP-POST) 
If an existing KraftstoffArt entity has been updated, the modified entity should be sent to the relative URL: 
    "/KraftstoffArtService/kraftstoffart/{id}"   (HTTP-PUT) 
If an existing KraftstoffArt entity has to be deleted, the following relative URL should be called: 
    "/KraftstoffArtService/kraftstoffart/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following WasserstoffSystem columns: 
    - column: HatVorkuehlung 
    - column: KraftstoffArt 
    - column: MaxDruckBar 
    - column: Tankstelle 
    - column: SpeicherKapazitaet 
The table should have the title "WasserstoffSystems" und the data must be loaded from the server with the following relative URL: 
    "/VorfallArtService/wasserstoffsystem/kraftstoffart/{id}" 
Add a HTML table to the view with the following Zapfventil columns: 
    - column: KraftstoffArt 
    - column: Zapfsaeule 
    - column: MaxDurchflussrate 
    - column: VentilCode 
    - column: IstHochleistung 
The table should have the title "Zapfventils" und the data must be loaded from the server with the following relative URL: 
    "/ZapfsaeuleService/zapfventil/kraftstoffart/{id}" 
Add a HTML table to the view with the following KraftstoffPreis columns: 
    - column: KraftstoffArt 
    - column: GueltigVon 
    - column: GueltigBis 
    - column: Quelle 
    - column: Tankstelle 
    - column: Waehrung 
    - column: PreisProLiter 
The table should have the title "KraftstoffPreiss" und the data must be loaded from the server with the following relative URL: 
    "/KraftstoffArtService/kraftstoffpreis/kraftstoffart/{id}" 
Add a HTML table to the view with the following GasSpeicher columns: 
    - column: IstUnterirdisch 
    - column: KraftstoffArt 
    - column: SpeicherTyp 
    - column: Druckstufe 
    - column: Tankstelle 
    - column: Kapazitaet 
The table should have the title "GasSpeichers" und the data must be loaded from the server with the following relative URL: 
    "/KraftstoffArtService/gasspeicher/kraftstoffart/{id}"

Overview

My API

System Designs