Added text to the home page

Author: jmayer913

jmayer.example.aspreact.client/src/components/airline/AirlineAddEditDialog.jsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react'
+import React, { useState, useEffect } from 'react';
 import { Button } from 'primereact/button';
 import { Dialog } from 'primereact/dialog';
 import { InputText } from 'primereact/inputtext';

jmayer.example.aspreact.client/src/components/airline/AirlineDeleteConfirmDialog.jsx

@@ -1,4 +1,4 @@
-import React, { useEffect } from 'react'
+import React, { useEffect } from 'react';
 import { Button } from 'primereact/button';
 import { Dialog } from 'primereact/dialog';
 import { useAirlineDataLayer } from '../../datalayers/AirlineDataLayer.jsx';

jmayer.example.aspreact.client/src/components/airline/AirlinePage.jsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react'
+import React, { useState, useEffect } from 'react';
 import { Button } from 'primereact/button';
 import { Card } from 'primereact/card';
 import { Column } from 'primereact/column';
@@ -36,7 +36,7 @@ export default function AirlinePage() {
     //The function opens the add/edit dialog.
     const openAddEditDialog = (airline) => {
         if (airline === null) {
-            airline = { ...initialAirline }
+            airline = { ...initialAirline };
             setNewRecord(true);
         }
         else {
@@ -70,8 +70,8 @@ export default function AirlinePage() {
                 <Button icon="pi pi-trash" className="mr-2" rounded text onClick={() => openDeleteConfirmDialog(rowData)} />
                 <Button icon="pi pi-pencil" text onClick={() => openAddEditDialog(rowData)} />
             </React.Fragment>
-        )
-    }
+        );
+    };
 
     return (
         <>

jmayer.example.aspreact.client/src/components/errorDialog/ErrorDialog.jsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import React from 'react';
 import { Button } from 'primereact/button';
 import { Dialog } from 'primereact/dialog';
 import { useError } from './ErrorProvider';

jmayer.example.aspreact.client/src/components/errorDialog/ErrorProvider.jsx

@@ -28,7 +28,7 @@ export const ErrorProvider = ({ children }) => {
             {children}
         </ErrorContext.Provider>
     );
-};
+}
 
 //The function returns a hook used by the components to interact with the error context.
 export const useError = () => {

jmayer.example.aspreact.client/src/components/flightSchedule/FlightDeleteConfirmDialog.jsx

@@ -1,4 +1,4 @@
-import React, { useEffect } from 'react'
+import React, { useEffect } from 'react';
 import { Button } from 'primereact/button';
 import { Dialog } from 'primereact/dialog';
 import { useFlightDataLayer } from '../../datalayers/FlightDataLayer.jsx';

jmayer.example.aspreact.client/src/components/flightSchedule/FlightSchedulePage.jsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react'
+import React, { useState, useEffect } from 'react';
 import { Button } from 'primereact/button';
 import { Card } from 'primereact/card';
 import { Column } from 'primereact/column';
@@ -36,7 +36,7 @@ export default function FlightSchedulePage() {
     //The function opens the add/edit dialog.
     const openAddEditDialog = (flight) => {
         if (flight === null) {
-            flight = { ...initialFlight }
+            flight = { ...initialFlight };
             setNewRecord(true);
         }
         else {
@@ -70,8 +70,8 @@ export default function FlightSchedulePage() {
                 <Button icon="pi pi-trash" className="mr-2" rounded text onClick={() => openDeleteConfirmDialog(rowData)} />
                 <Button icon="pi pi-pencil" text onClick={() => openAddEditDialog(rowData)} />
             </React.Fragment>
-        )
-    }
+        );
+    };
 
     return (
         <>

jmayer.example.aspreact.client/src/components/home/HomePage.jsx

@@ -1,8 +1,22 @@
 //The function returns the home page; it displays a description about the example website.
 export default function HomePage() {
     return (
-        <>
-            <p>Under Construction</p>
-        </>
+        <div class="px-2 py-2">
+            <h1>Hello!</h1>
+
+            <p>
+                This example project is a simplified flight management software for a BHS (baggage handling system).
+                In a BHS, bags are introduced into the system at the ticket counters and a scanner before the sortation
+                system will read the tag on the bag. Sortation will use the scanned tag to find a flight in the flight
+                schedule to determine what sort destination the bag needs to be sent to. The sort destination is written
+                to the lower level and the lower level will track/divert the bag to the sort destination.
+            </p>
+                
+            <p>
+                A flight schedule, airlines, gates and sort destinations are pregenerated for the example on startup. The
+                example has two pages, airlines and flight schedule. The airlines page allows the user to add/edit/delete
+                airlines. The flight schedule page allows the user to add/edit/delete flights in the schedule.
+            </p>
+        </div>
     );
 }

jmayer.example.aspreact.client/src/components/layout/Header.jsx

@@ -1,6 +1,7 @@
 import { Button } from 'primereact/button';
 
 //The function returns  the top header of the website.
+//@param {object} props The properties accepted by the component.
 //@param {function} props.openMenu Used by the component to show the sidebar menu.
 export default function Header({openMenu}) {
     return (

jmayer.example.aspreact.client/src/datalayers/AirlineDataLayer.jsx

@@ -2,8 +2,6 @@ import { useState } from 'react';
 import { useError } from '../components/errorDialog/ErrorProvider.jsx';
 import { shapeValidationResult } from './DataLayerHelper.jsx';
 
-//I don't know if I should have a hook per API call or a single hook with all the API calls.
-
 //Defines the initial airline object.
 const initialAirline = {
     name: '',