update a paragraph

README.adoc

@@ -266,7 +266,7 @@ include::finish/src/main/frontend/src/Components/ArtistTable.js[]
 [role="edit_command_text"]
 Add the [hotspot=axios-library]`axios` library and the [hotspot=get-posts]`GetArtistsInfo()` function.
 
-The [hotspot=axios]`axios` HTTP call is used to read the artist JSON that contains the data from the sample JSON file in the `resources` directory. When a response is successful, the state of the system changes by assigning [hotspot=response-data]`response.data` to [hotspot=posts]`posts`. The [hotspot=convert-data]`convertData` function manipulates the JSON data to allow it to be accessed by the `ReactTable`. You will notice the [hotspot=spread-one hotspot=spread-two]`object spread syntax` that the `convertData` function uses, which is a relatively new sytnax made for simplicity. To learn more about it, see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax#Spread_in_object_literals[Spread in object literals^].
+The [hotspot=axios]`axios` HTTP call is used to read the artist JSON that contains the data from the sample JSON file in the `resources` directory. When a response is successful, the state of the system changes by assigning [hotspot=response-data]`response.data` to [hotspot=posts]`posts`. The [hotspot=for-artists]`artists` and their `albums` JSON data are manipulated to allow them to be accessed by the `ReactTable`. You will notice the [hotspot=spread-one]`...rest` or [hotspot=spread-two]`...album` object spread syntax is a relatively new sytnax made for simplicity. To learn more about it, see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax#Spread_in_object_literals[Spread in object literals^].
 
 ifdef::cloud-hosted[]
 Finally, run the following command to update the URL to access the ***artists.json*** in the ***ArtistTable.js*** file:

finish/src/main/frontend/src/Components/ArtistTable.js

@@ -24,16 +24,15 @@ export function ArtistTable() {
     // tag::axios[]
     const response = await axios.get('http://localhost:9080/artists')
       // end::axios[]
-      // tag::then-method[]
       .then(response => {
         // tag::response-data[]
         const artists = response.data;
         // end::response-data[]
+        // tag::for-artists[]
         for (const artist of artists) {
           // tag::spread-one[]
           const { albums, ...rest } = artist;
           // end::spread-one[]
-          // tag::convert-data[]
           for (const album of albums) {
             //tag::setState[]
             setPosts([...posts, { ...rest, ...album }]);
@@ -42,9 +41,8 @@ export function ArtistTable() {
             posts.push({ ...rest, ...album });
             // end::spread-two[]
           }
-          // end::convert-data[]
         };
-        // end::then-method[]
+        // end::for-artists[]
       }).catch(error => { console.log(error); });
   };
   // end::get-posts[]