Merge pull request #3 from zak52/testing_branch

Repository for the CartoCosmos Capstone Team.

### Building and running on localhost

#

Install conda:

* [Windows](https://docs.conda.io/projects/conda/en/latest/user-guide/install/windows.html) 

* [Mac](https://docs.conda.io/projects/conda/en/latest/user-guide/install/macos.html)

* [Linux](https://docs.conda.io/projects/conda/en/latest/user-guide/install/macos.html)

##### First install dependencies:

Clone repository

```sh

git clone https://github.com/GeoSTAC/CartoCosmos-with-STAC.git

```

Once the repository is cloned ```cd``` in to the ```app folder```

ie :

```sh

cd cloned_location/GeoSTAC/CartoCosmos/app

```

To setup the conda environment run the following command. 

```sh

conda env create -f environment.yml

``` 

Once the conda environment is created run the following command to activate it.

```sh

conda activate GeoSTAC

```

Then to install the project run

```sh

npm install

name: GeoSTAC

channels:

  - conda-forge

  - defaults

dependencies:

  - nodejs=16.13.1=hb931c9a_0

  const [resultsExpandStyle, setResultsExpandStyle] = React.useState(css.stacked);

  const [footprintData, setFootprintData] = React.useState([]);

  const showHideSort = () => {

          <ConsoleAppBar target={targetPlanet} bodyChange={handleTargetBodyChange}  />

        </div>

        <MapContainer target={targetPlanet} />

        <div id="bottom-bar">

          <QueryConsole />

          <CreditsDisplay />

import ConsoleCoordinates from "./ConsoleCoordinates.jsx";

import AppBar from "@mui/material/AppBar";

import Divider from "@mui/material/Divider";

import GeoTiffViewer from "../presentational/GeoTiffViewer.jsx";

/**

 * Controls css styling for this component using js to css

 */

export default function ConsoleAppBar(props) {

  return (

    <AppBar

      sx={css.appbar}