update map.js

Author: Git-push-01

dogbarks/src/components/map.js

@@ -6,21 +6,21 @@ import Geocoder from "react-map-gl-geocoder";
 import "react-map-gl-geocoder/dist/mapbox-gl-geocoder.css";
 import { Button, Container, Image } from "react-bootstrap";
 import axios from "axios";
-import marker from '../images/marker.png'
+
 import userMarker from '../images/userMarker.png'
 const TOKEN = config.REACT_APP_TOKEN;
 
 const Map = () => {
 // setting up state for user loacation to null
   const [userPosition, setUserPosition] = useState(null);
   const [loading, setLoading] = useState(true);
-  const [data, setData] = useState(null);
+  const [data, setData] = useState([]);
   const [viewport, setViewPort] = useState({
     width: "100%",
     height: 500,
-    latitude: 39.0997,
-    longitude: -94.5786,
-    zoom: 1,
+    latitude: 40.783058,
+    longitude: -73.971252,
+    zoom: 3,
     maxZoom: 8,
     minZoom: 0,
     bearing: 0,

dogbarks/src/routes.js

@@ -10,13 +10,13 @@ import Signup from "./containers/signup";
 import MapContainer from "./containers/mapContainer";
 
 
-console.log(sessionStorage.token, "user test");
-const logIn = () => {
-sessionStorage.setItem("token", sessionStorage.token)
-  return <Redirect to="/mapContainer" />
-
-
-}
+// console.log(sessionStorage.token, "user test");
+// const logIn = () => {
+// sessionStorage.setItem("token", sessionStorage.token)
+//   return <Redirect to="/mapContainer" />
+//
+//
+// }
 
 const logout = () => {
   sessionStorage.clear();
@@ -29,7 +29,7 @@ export default (
       <Route path="/logout" component={() => logout()} />
       <Route path="/login" component={Login}/>
       <Route path="/signup" component={Signup} />
-      <Route exact path="/mapContainer" component={() => logIn()} />
+      <Route exact path="/mapContainer" component={MapContainer}/>
     </Switch>
   </Router>
 );