diff --git a/src/AddressSearch.js b/src/AddressSearch.js index 1defd874d4560dd6da930411c4bda70dbeffb3b2..1708555646591bd7ea481675f23a50ad1243ccbb 100644 --- a/src/AddressSearch.js +++ b/src/AddressSearch.js @@ -1,7 +1,8 @@ import React from "react"; import { Row, Col, Button} from 'reactstrap'; import './index.css'; -import Geocoder from 'react-mapbox-gl-geocoder' +import Geocoder from 'react-mapbox-gl-geocoder'; +import location from './utils/images/location.svg'; // with import const mapAccess = { mapboxApiAccessToken: 'pk.eyJ1IjoiYmxvY3Bvd2VyIiwiYSI6ImNqd202bngzazE3c2o0OW4wM2IzbG00Y2cifQ.ZdSoYvbdw4fuIul8PQ3sBQ' @@ -43,40 +44,16 @@ export default class AddressSearch extends React.Component { } disableText = () => { - this.setState({ addressFound:false }); + this.setState({ addressFound: false }); } render() { const {viewport} = this.state - const titleStyle = { - fontSize: '2.2em', - marginTop: '75px', - marginBottom: '20px', - fontWeight: 'bold', - } - const textStyle = { - fontSize: '1em', - marginTop: '25px', - marginBottom: '20px', - } - const buttonStyle = { - marginBottom: '20px', - } - const noteStyle = { - color: '#999999', - fontSize: '0.9em', - } - const emailTextStyle = { - fontWeight: 'bold', - color: '#000000', - textDecoration: 'underline', - } - let addressData = ""; if(this.state.addressFound === false){ addressData = ( - -
+
+
What is your building address?
-
+
We'll use this information to determine if BlocPower is available in your area.
-
- {addressData} -
- - + + + + + + {addressData} + + + + Having trouble entering your address?
- Please email us at support@blocpower.io + Please email us at support@blocpower.io - +