added location type, added temperature state. fixed on change type

eduardomcv · Jul 19, 2020 · 8b1ad40 · 8b1ad40
1 parent 3131aaf
commit 8b1ad40
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/components/MainContent/MainContent.tsx b/src/components/MainContent/MainContent.tsx
@@ -1,15 +1,20 @@
 import React, { FunctionComponent, useState } from 'react';
 import LocationSelector from '../LocationSelector';
+import { TemperatureUnit, Location } from '../../sharedTypes';
 import './MainContent.scss';
 
 const MainContent: FunctionComponent = () => {
-  const [location, setLocation] = useState<string>('lisbon');
+  const [location, setLocation] = useState<Location>('lisbon');
+  const [temperatureUnit, setTemperatureUnit] = useState<TemperatureUnit>('celsius');
 
   return (
     <main className="main-content">
       <LocationSelector
-        onChange={(e) => setLocation(e.target.value)}
         value={location}
+        onChange={(event) => {
+          const value = event.target.value as Location;
+          setLocation(value);
+        }}
       />
     </main>
   );