diff --git a/src/components/presentational/HelpBox.jsx b/src/components/presentational/HelpBox.jsx index 51bb4274c5b43099ef90b9b761e4bb292da29b7c..663a6164656314d3cc97733136362de22333031e 100644 --- a/src/components/presentational/HelpBox.jsx +++ b/src/components/presentational/HelpBox.jsx @@ -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> ); }