Commit bc5cb23f authored by Amy Stamile's avatar Amy Stamile
Browse files

Revert changes that need to be PRed

parent e6201cda

app/src/assets/img/ImageIcon.png

deleted100644 → 0
−15.7 KiB
Loading image diff...

app/src/components/container/App.jsx

+34 −2
Original line number Diff line number Diff line
@@ -5,6 +5,9 @@ import QueryConsole from "../presentational/QueryConsole.jsx"; 
import CreditsDisplay from "../presentational/CreditsDisplay.jsx";

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

import ArrowLeftIcon from '@mui/icons-material/ArrowLeft';

import Typography from '@mui/material/Typography';

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

import Container from '@mui/material/Container';

import GeoTiffViewer from "../../js/geoTiffViewer";

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

import { getFeatures } from "../../js/ApiJsonCollection";
@@ -48,8 +51,7 @@ export default function App() { 
  const [expandResults, setExpandResults] = React.useState(true);

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



  // const geoTiffViewer = new GeoTiffViewer("geoTiff-Container");



  const geoTiffViewer = new GeoTiffViewer("geoTiff-Container");



  const [footprintData, setFootprintData] = React.useState([]);
@@ -101,6 +103,36 @@ export default function App() { 
            </div>

          </div>

      </div>



      <div id="geoTiff-Container">

        <Container>

          <AppBar position="relative">

            <Container sx={{ mr: 2, display: { xs: 'none', md: 'flex' } }}>

              <Typography 

                variant="h6"

                id="geoTiff-Asset-name"

                noWrap

                component="div"

                align="center"

                sx={{ mr: 2, display: { xs: 'none', md: 'flex' } }}

                >

                  Displayed GeoTiff

                </Typography>

                <button onClick={geoTiffViewer.toggleViewer} 

                  id="geoTiffClose">

                    CLOSE

                </button>

            </Container>

          </AppBar>

          <div id = "geoTiff-Asset">

          </div>

          <AppBar position="relative">

            <Container>

              <button id="download-button">Download Asset</button>

            </Container>

          </AppBar>

        </Container>

      </div>

    </div>

  );

}

app/src/components/presentational/ConsoleAppBar.jsx

+0 −5
Original line number Diff line number Diff line
@@ -5,7 +5,6 @@ import ConsoleLonLatSelects from "../presentational/ConsoleLonLatSelects.jsx"; 
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
@@ -47,10 +46,6 @@ export default function ConsoleAppBar(props) { 
          <div className="flexbar-item">

            <ConsoleLonLatSelects />

          </div>

          <Divider orientation="vertical" />

          <div className = "flex-bar-item">

            <GeoTiffViewer />

          </div>



        </div>

    </AppBar>

app/src/styles.css

+1 −1
Original line number Diff line number Diff line
@@ -340,7 +340,7 @@ summary { 
  width: 400px;

  text-align: center;

  margin: 0 auto;

  display: block;

  display: none;

}



#geoTiff-Asset-name {