Merge pull request #77 from Lambda-School-Labs/tigran-sargsyan

Created FlyTo button(function) which smoothly interpolates between locations

Author: Bryce-Soghigian

src/Components/Filter/Filter.js

@@ -19,11 +19,13 @@ export default function Filter() {
     function handleOffense(event) {
         setOffense(event.target.value )
 
+
     }
 
     function handleStateAbbr(event) {
       setStateAbbr( event.target.value)
 
+
     }
     console.log(offense);
     console.log(stateAbbr);
@@ -39,6 +41,7 @@ useEffect(() => {
         let newData = currentData.map( nD => {
 
             return(<PrettyDiv> <p>{nD.value + " Instances of "+offense +" occured in the year " + nD.data_year+ " within the state "+stateAbbr}</p></PrettyDiv>)
+
         });
         setState(newData)
         console.log("filter res.data", newData)
@@ -81,7 +84,9 @@ useEffect(() => {
 <option>Select State</option>
 
 <option value="AL">Alabama</option>
+
 {/* <option value="AK">Alaska</option> */}
+
 <option value="AZ">Arizona</option>
 <option value="AR">Arkansas</option>
 {/* <option value="CA">California</option> */}

src/Components/Map/OurMap.js

@@ -50,7 +50,7 @@ class OurMap extends Component {
         this.handleClick = () => {
           map.flyTo({
             center: [
-            -74.50 + (Math.random() - 0.5) * 10,
+            -96 + (Math.random() - 0.5) * 10,
             40 + (Math.random() - 0.5) * 10],
             zoom: 9
           });

src/Components/Metadata/Population.js

@@ -39,7 +39,9 @@ console.log(pop, "Census Data")
     return (
         <Box className="pop-stats">
         <Inner>
+
             <h1>Total Population of The United States in 2018</h1>
+
             <p>{pop}</p>
 
         </Inner>