passes props to selector

eduardomcv · Jul 19, 2020 · 3889fbb · 3889fbb
1 parent 91ac61a
commit 3889fbb
Showing 1 changed file with 14 additions and 7 deletions.
diff --git a/src/components/MainContent/MainContent.tsx b/src/components/MainContent/MainContent.tsx
@@ -1,11 +1,18 @@
-import React, { FunctionComponent } from 'react';
-import './MainContent.scss';
+import React, { FunctionComponent, useState } from 'react';
 import LocationSelector from '../LocationSelector';
+import './MainContent.scss';
+
+const MainContent: FunctionComponent = () => {
+  const [location, setLocation] = useState<string>('lisbon');
 
-const MainContent: FunctionComponent = () => (
-  <main className="main-content">
-    <LocationSelector />
-  </main>
-);
+  return (
+    <main className="main-content">
+      <LocationSelector
+        onChange={(e) => setLocation(e.target.value)}
+        value={location}
+      />
+    </main>
+  );
+};
 
 export default MainContent;