{"size": 3054, "ext": "js", "max_stars_repo_path": "src/App.js", "max_stars_repo_name": "trev-eck/project-3", "max_stars_repo_stars_event_min_datetime": "2021-05-21T20:35:49.000Z", "max_stars_repo_stars_event_max_datetime": "2021-05-25T06:11:15.000Z", "max_issues_repo_path": "src/App.js", "max_issues_repo_name": "trev-eck/project-3", "max_issues_repo_issues_event_min_datetime": "2021-06-04T21:27:40.000Z", "max_issues_repo_issues_event_max_datetime": "2021-06-04T21:27:40.000Z", "max_forks_repo_path": "src/App.js", "max_forks_repo_name": "trev-eck/project-3", "max_forks_repo_forks_event_min_datetime": "2021-05-21T16:28:16.000Z", "max_forks_repo_forks_event_max_datetime": "2021-06-07T16:26:42.000Z"}
{"max_stars_count": 4, "max_issues_count": 1, "max_forks_count": 3, "avg_line_length": 28.5420560748, "max_line_length": 71, "alphanum_fraction": 0.5062213491}
import React from "react";
import {
  BrowserRouter as Router,
  Route,
  Switch,
  Redirect,
} from "react-router-dom";
import "./App.css";
import LoggedInHome from "./pages/LoggedInHome";
import Dashboard from "./pages/Dashboard";
import Discover from "./pages/Discover";
import Agenda from "./pages/Agenda";
import Login from "./pages/Login";
import Signup from "./pages/Signup";
import Profile from "./pages/Profile";
import Expenses from "./pages/Expenses";
import NewTripForm from "./components/NewTripForm";
import NewActivityForm from "./components/NewActivityForm";
import NewExpenseForm from "./components/NewExpenseForm";
import EditProfile from "./pages/EditProfile";
import Background from "./assets/mountainbg-full.svg";

function App() {
  return (
    <div
      style={{
        backgroundImage: `url(${Background})`,
        backgroundRepeat: "repeat-x",
        backgroundSize: "auto 160px",
      }}
    >
      <Router>
        <div>
          <Switch>
            <Route exact path="/">
              <Login />
            </Route>
            <Route exact path="/signup">
              <Signup />
            </Route>
            <Route exact path="/login">
              <Login />
            </Route>
            <Route exact path="/profile/:id">
              <Profile />
            </Route>
            <Route exact path="/profile/:id/edit">
              <EditProfile />
            </Route>
            <Route exact path="/home">
              <LoggedInHome />
            </Route>
            <Route exact path="/newtripform">
              <NewTripForm />
            </Route>
            <Route exact path="/newactivityform">
              <NewActivityForm />
            </Route>
            {/* <Route path="/createtrip" component={CreateTrip} /> */}
            <Route exact path="/Trip/:id/Dashboard">
              <Dashboard />
              <Agenda />
            </Route>
            <Route exact path={`/Trip/:id/Dashboard/Agenda`}>
              <Dashboard />
              <Agenda />
            </Route>
            <Route exact path="/Trip/:id/Dashboard/newactivityform">
              <Dashboard />
              <NewActivityForm />
            </Route>
            <Route exact path="/Trip/:id/Dashboard/Discover/">
              <Dashboard />
              <Discover />
            </Route>
            <Route exact path="/Trip/:id/Dashboard/Expenses/">
              <Dashboard />
              <Expenses />
            </Route>
            <Route exact path="/Trip/:id/Dashboard/newexpenseform">
              <Dashboard />
              <NewExpenseForm />
            </Route>
            <Route path="*">
              <Redirect to="/login" />
            </Route>
          </Switch>
        </div>
      </Router>
    </div>
  );
}

export default App;

// const bgStyle = {
//   // display: 'fixed',
//   color: "red",
//   background: `url(${Background}) repeat-x`,
//   height: "20em",
//   position: "absolute",
//   margin: "auto",
//   width: "600px",
//   top: "0px",
//   alpha: "-1",
// };
