Commit f76714e0 authored by jrc632's avatar jrc632
Browse files

Collapsable WKT, STAC Query Console Design

parent d9eee935

app/src/assets/img/planet-icons/readme.md

0 → 100644
+7 −0
Original line number Diff line number Diff line 
# Space Icons - License



These [space icons](https://www.flaticon.com/packs/space-275) were made by [Freepik on Flaticon](https://www.flaticon.com/authors/freepik).  



You may not use them outside of this application without obtaining a license from [Flaticon](https://www.flaticon.com/).  



Please visit <https://www.flaticon.com/> to learn more about their free and paid licenses.

app/src/components/container/App.jsx

+14 −18
Original line number Diff line number Diff line 
import React from "react";

import { makeStyles } from "@material-ui/core/styles";

import ConsoleContainer from "./ConsoleContainer.jsx";

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

import MapContainer from "./MapContainer.jsx";

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

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

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

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



/**

 * Controls css styling for this component using js to css

 */



/**

 * App is the parent component for all of the other components in the project. It

 * imports and creates all of the map and console components and contains the
@@ -21,26 +17,26 @@ export default function App() { 
  const [targetPlanet, setTargetPlanet] = React.useState("Mars");



  /**

   * Handles target selection

   *

   * @param {*} event selection event

   * Handles target body selection

   * @param {*} value selection event

   */

  const handleTargetBodyChange = value => {

    setTargetPlanet(value);

  };







  return (

    <div id="app-container">

      <div id="main-column">

        <div id="top-bar">

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

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

        </div>

        <MapContainer target={targetPlanet} />

        <div id="bottom-bar">

          <WellKnownTextInput />

          <StacQueryConsole />

          <CreditsDisplay />

        </div>

      </div>

      <div id="right-bar">

        <SearchAndFilterInput />

      </div>

app/src/components/presentational/ConsoleAppBar.jsx

+0 −1
Original line number Diff line number Diff line
@@ -32,7 +32,6 @@ export default function ConsoleAppBar(props) { 
  return (

    <AppBar

      className={classes.appbar}

      variant="outlined"

      position="static"

      color="inherit"

      id="consoleToolbar"

app/src/components/presentational/ConsoleProjectionButtons.jsx

+3 −3
Original line number Diff line number Diff line
@@ -143,7 +143,7 @@ export default function ConsoleProjectionButtons() { 
          title={<NorthDisabled />}

          enterDelay={800}

          leaveDelay={0}

          placement="right"

          placement="bottom"

          arrow

          TransitionComponent={Zoom}

        >
@@ -169,7 +169,7 @@ export default function ConsoleProjectionButtons() { 
          }

          enterDelay={800}

          leaveDelay={0}

          placement="right"

          placement="bottom"

          arrow

          TransitionComponent={Zoom}

        >
@@ -194,7 +194,7 @@ export default function ConsoleProjectionButtons() { 
          title={<SouthDisabled />}

          enterDelay={800}

          leaveDelay={0}

          placement="right"

          placement="bottom"

          arrow

          TransitionComponent={Zoom}

        >

app/src/components/presentational/CreditsDisplay.jsx

+1 −0
Original line number Diff line number Diff line
@@ -15,6 +15,7 @@ const useStyles = makeStyles(theme => ({ 
    backgroundColor: "#f8f9fa",

    maxHeight: 25,

    height: 25,

    marginTop: 1,

    borderTop: `1px solid ${theme.palette.divider}`,

    color: "#343a40",

    textAlign: "center",