api call to get current location and related info now happens in the …

…app component and is going to be passed down as props. Api call is working and the changes have not broken the app.

client/components/App.jsx

@@ -13,14 +13,59 @@ import { Routes, Route } from "react-router-dom";
 const App = props => {
 
   const [user, setUser] = useState(null);
+  const [localInfo, setLocalInfo] = useState({});
 
+
+  useEffect(()=>{
+
+
+    const currentLocationInfo = (() => {
+
+
+       let api = "https://api.openweathermap.org/data/2.5/weather";
+       let apiKey = "3865d44fbc4bfd45572787afb8fa06b2"; 
+
+      navigator.geolocation.getCurrentPosition(success, error); 
+
+      function success(position){
+          let latitude = position.coords.latitude; 
+          let longitude = position.coords.longitude; 
+          let url =  `${api}?lat=${latitude}&lon=${longitude}&appid=${apiKey}&units=imperial`; 
+
+          let localInfo = {}
+
+          fetch(url)
+          .then(res => res.json())
+          .then(data => {           
+             localInfo.temp = data.main.temp;
+             localInfo.currentLocation = data.name
+             localInfo.weatherDescription = data.weather[0].main;
+             localInfo.latitude = latitude
+             localInfo.longitude = longitude
+
+
+             setLocalInfo(localInfo)
+          })
+      }; 
+
+      function error() {
+        console.log('error finding location');
+      }
+    })();  
+
+
+  }, [])
+
+
+
+
     return (
       <Routes>
         <Route path="/" element={
           <main>
             <Navbar user={user} setUser={setUser} />
-            <LocalWeather />
-            <Searchbar user={user} setUser={setUser} />
+            <LocalWeather localInfo = {localInfo}/>
+            <Searchbar localInfo = {localInfo} user={user} setUser={setUser} />
           </main>
         } />
         <Route path="/signup" element={<Signup user={user} setUser={setUser} />} />

client/components/LocalWeather.jsx

@@ -37,10 +37,10 @@ const getWeather = () => {
             description.innerHTML = data.weather[0].main;
 
         })
-        // console.log('position ', position);
-        // console.log('latitude: ', latitude);
-        // console.log('longitude: ', longitude); 
-        // console.log('url: ', url)
+        console.log('position ', position);
+        console.log('latitude: ', latitude);
+        console.log('longitude: ', longitude); 
+
     }; 
 
     function error(){console.log('error finding location')}

client/components/Searchbar.jsx

@@ -16,6 +16,17 @@ const Searchbar = props => {
 
   //like componentDidMount triggers on change
   useEffect(() => {
+
+    const getCurrentLocation = () =>{
+
+
+      navigator.geolocation.getCurrentPosition(success, error)
+
+
+    }
+
+
+
     axios({
       method: 'POST',
       url: 'http://localhost:3000/search',