SEO Optimized

Author: php1301

components/Map/MapAutoComplete.jsx

@@ -57,18 +57,16 @@ const SearchInput = compose(
   return (
     <div className="map_autocomplete">
       <StandaloneSearchBox ref={refs} onPlacesChanged={onPlacesChanged}>
-        <label>
-          {' '}
-          <Input
-            type="text"
-            defaultValue=""
-            value={locationInput.searchedLocation || ''}
-            placeholder="Search “Vietnam, Asia”"
-            size="large"
-            onChange={handleOnChange}
-            onPressEnter={handleOnPressEnter}
-          />
-        </label>
+        <Input
+          id="map_autocomplete_input"
+          type="text"
+          defaultValue=""
+          value={locationInput.searchedLocation || ''}
+          placeholder="Search “Vietnam, Asia”"
+          size="large"
+          onChange={handleOnChange}
+          onPressEnter={handleOnPressEnter}
+        />
       </StandaloneSearchBox>
     </div>
   );

container/Home/Search/SearchForm.jsx

@@ -138,7 +138,8 @@ const SearchForm = () => {
       <ComponentWrapper>
         <FaMapMarkerAlt className="map-marker" />
         <MapAutoComplete updateValue={(value) => updateValueFunc(value)} />
-        <svg
+        <label for="map_autocomplete_input">
+          <svg
           xmlns="http://www.w3.org/2000/svg"
           version="1.1"
           x="0px"
@@ -148,10 +149,11 @@ const SearchForm = () => {
           viewBox="0 0 144.083 144"
           enableBackground="new 0 0 144.083 144"
           className="target"
-        >
+          >
           <path d="M117.292,69h-13.587C102.28,53.851,90.19,41.761,75.042,40.337V26.5h-6v13.837C53.893,41.761,41.802,53.851,40.378,69  H26.792v6h13.587c1.425,15.148,13.515,27.238,28.663,28.663V117.5h6v-13.837C90.19,102.238,102.28,90.148,103.705,75h13.587V69z   M72.042,97.809c-14.23,0-25.809-11.578-25.809-25.809c0-14.231,11.578-25.809,25.809-25.809S97.85,57.769,97.85,72  C97.85,86.23,86.272,97.809,72.042,97.809z" />
           <path d="M72.042,52.541c-10.729,0-19.459,8.729-19.459,19.459s8.729,19.459,19.459,19.459S91.5,82.729,91.5,72  S82.771,52.541,72.042,52.541z M72.042,85.459c-7.421,0-13.459-6.037-13.459-13.459c0-7.421,6.038-13.459,13.459-13.459  S85.5,64.579,85.5,72C85.5,79.422,79.462,85.459,72.042,85.459z" />
-        </svg>
+          </svg>
+        </label>
       </ComponentWrapper>
 
       <ComponentWrapper>