diff --git a/code/frontend/src/components/interactive/BoxConditionMap.js b/code/frontend/src/components/interactive/BoxConditionMap.js index d3b45c4..89540ca 100644 --- a/code/frontend/src/components/interactive/BoxConditionMap.js +++ b/code/frontend/src/components/interactive/BoxConditionMap.js @@ -5,10 +5,14 @@ import { faMapPin, faPlus } from "@fortawesome/free-solid-svg-icons" import FormInline from "../base/FormInline" import Style from "./BoxConditionMap.module.css" import ButtonIconOnly from "../base/ButtonIconOnly" -import {MapContainer, TileLayer} from "react-leaflet" +import { MapContainer, Marker, TileLayer } from "react-leaflet" import useRepositoryEditor from "../../hooks/useRepositoryEditor" +const STARTING_POSITION = [41.89309, 12.48289] +const STARTING_ZOOM = 3 + + /** * A {@link BoxFull} that allows the user to select a geographical location to use to filter tweets. * @@ -52,21 +56,22 @@ export default function BoxConditionMap({ ...props }) { } return ( - Search by zone} {...props}> - + Search by zone} + childrenClassName={Style.BoxConditionMapContents} + {...props} + > + + - - - ) } diff --git a/code/frontend/src/components/interactive/BoxConditionMap.module.css b/code/frontend/src/components/interactive/BoxConditionMap.module.css index f8b3933..27da2ec 100644 --- a/code/frontend/src/components/interactive/BoxConditionMap.module.css +++ b/code/frontend/src/components/interactive/BoxConditionMap.module.css @@ -1,7 +1,11 @@ -.Input { - flex-shrink: 1; +.BoxConditionMapContents { + display: flex; + flex-direction: column; + padding: 0; } -.Button { - +.MapContainer { + flex-grow: 1; + height: 300px; + border-radius: 0 0 25px 25px; } \ No newline at end of file