#96 removed redundant map from addFishingSpot, add calculation to map…

… size
ecatch-kyst · Mar 29, 2019 · 1e9367d · 1e9367d
1 parent c70e03f
commit 1e9367d
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 8 deletions.
diff --git a/src/components/Forms/components/AddFishingSpot.js b/src/components/Forms/components/AddFishingSpot.js
@@ -6,7 +6,6 @@ import {useTranslation} from "react-i18next"
 import GeoPointInput from './GeoPointInput'
 import TextInput from './TextInput'
 import {useStore} from '../../../hooks'
-import GoogleMaps from '../../GoogleMapsCustom/GoogleMapsSelectiveMarker'
 
 export const AddFishingSpot = () => {
   const [t] = useTranslation("forms")
@@ -35,11 +34,6 @@ export const AddFishingSpot = () => {
                 value={label}
               />
             </Grid>
-            {/*TODO: make map responsive, not static size */}
-            <GoogleMaps
-              mapHeight={400}
-              mapWidth={400}
-            />
             <Grid container direction="column" item justify="center">
               <GeoPointInput
                 dataId="value"

diff --git a/src/components/Forms/components/GeoPointInput.jsx b/src/components/Forms/components/GeoPointInput.jsx
@@ -33,11 +33,13 @@ const GeoPointInput = ({disabled, dataId, label, onChange, value: {latitude, lon
   // when user moves away from the field, update the global state
   const handleBlur = () => onChange(dataId, localValue)
 
+  //TODO: calculate the size of the map, should be improved to update on window rescale
+
   return (
     <>
     <GoogleMaps
-      mapHeight={400}
-      mapWidth={400}
+      mapHeight={window.innerHeight*0.5}
+      mapWidth={window.innerWidth*0.8}
     />
     <InputLabel>{label}</InputLabel>
     {["latitude", "longitude"].map(degree =>