Commit 0feda6e1 authored by brittainjackson7's avatar brittainjackson7
Browse files

Update Help Box HTML

parent 1f1597d0

src/components/presentational/HelpBox.jsx

+22 −3
Original line number Diff line number Diff line
@@ -4,7 +4,18 @@ function RasterVsVectorBox() { 
    return (

        <div className="contentBox">

            <h3>Raster vs Vector</h3>

            <p> This is some sort of information In Raster vs Vector</p>

            <h4>Raster</h4>

            <p>

            The collections with the (Rastor) tag are Analysis Ready Data (ARD) holding obtained using the SpatioTemporal

            Asset Catalogs (STAC) API. These features include image footprints and their corresponding assets. More

            information can be found about this API using the "Help" button.

            </p>

            <h4>Vector</h4>

            <p>

            The collections with the (Vector) tag are footprints obtained from the USGS Vector API. These features

            include a multitude of collections condensed into an OGC compliant database to deliver Analysis Ready Data (ARD).

            Users will be able to sort this data using the "queryables'' tab to gather unique ID's or details for each feature in the collection.

            </p>

        </div>

    );

}
@@ -13,7 +24,11 @@ function SortingBox() { 
    return (

        <div className="contentBox">

            <h3>Sorting</h3>

            <p> This is some sort of information In Sorting</p>

            <h4>Selected Area</h4>

            <p>To sort by selected area (Only works for Raster). To use, click the "square" icon

                to the left of the map and draw an area. The footprint card should update with only features

                within that area.

            </p>

        </div>

    );

}
@@ -22,7 +37,11 @@ function FootprintCardBox() { 
    return (

        <div className="contentBox">

            <h3>Footprint Card</h3>

            <p> This is some sort of information in FootprintCard</p>

            <p> The footprint card to the right of the screen shows and displays all of the collection features

                selected from the large collections box. To show more features on the map and in the box click the

                "load more" button with the desired amount of features needed.



            </p>

        </div>

    );

}