Clean up

frontend/src/Components/Conditions/ConditionsMap.tsx

@@ -8,7 +8,6 @@ import { Feature, FeatureCollection } from 'geojson';
 import Zoom from '../Map/Zoom';
 import { MAP_OPTIONS } from './constants';
 
-import Navbar from '../../Components/Navbar';
 import Search from '../Map/Search';
 import '../../css/navbar.css';
 import '../../css/search.css';
@@ -411,7 +410,7 @@ const ConditionsMap = (props: any) => {
     <div style={{ height: '100%' }}>
       <div className="nav-wrapper">
         <div className="nav-container">
-          <Search />
+          <Search onPlaceSelect={(value: any) => {}} />
         </div>
         <div className="filter-container">
           <select

frontend/src/Components/Map/Search.tsx

@@ -17,11 +17,20 @@ import '../../css/search.css';
 
 // console.log(data);
 
-const Search: React.FC = () => {
-  function onPlaceSelect(value: any) {
-    console.log(value);
-  }
+interface Props {
+  /**
+   * value: text input in the search bar
+   * onPlaceSelect: function taking argument "value"
+   */
+
+  onPlaceSelect: (value: any) => void;
+}
+
+/**
+ * Component rendering Search bar
+ */
 
+const Search: React.FC<Props> = ({ onPlaceSelect }) => {
   function onSuggestionChange(value: any) {
     console.log(value);
   }
@@ -57,7 +66,7 @@ const Search: React.FC = () => {
       <GeoapifyGeocoderAutocomplete
         placeholder="Enter address here"
         // value={value}
-        // type={type}
+        type={'street'}
         // lang={language}
         // position={position}
         // countryCodes={countryCodes}