diff --git a/frontend/src/Components/Map/MapWrapper.tsx b/frontend/src/Components/Map/MapWrapper.tsx index 499cd7dc..16c7fc8b 100644 --- a/frontend/src/Components/Map/MapWrapper.tsx +++ b/frontend/src/Components/Map/MapWrapper.tsx @@ -32,7 +32,7 @@ const MapWrapper = (props: any) => { position="bottomright" maxWidth={scaleWidth} /> - ;{children} + {children} ); }; diff --git a/frontend/src/Components/Map/Search.tsx b/frontend/src/Components/Map/Search.tsx index 360fe595..f60226e7 100644 --- a/frontend/src/Components/Map/Search.tsx +++ b/frontend/src/Components/Map/Search.tsx @@ -1,5 +1,3 @@ -// Copied from README... in progress!! - import React, { useState } from 'react'; import { @@ -9,14 +7,6 @@ import { import '@geoapify/geocoder-autocomplete/styles/minimal.css'; import '../../css/search.css'; -//import fetch from 'node-fetch'; // npm install node-fetch -// v - -// const response = await fetch(https://api.geoapify.com/v1/geocode/autocomplete?text=YOUR_TEXT&format=json&apiKey=YOUR_API_KEY); -// const data = await response.json(); - -// console.log(data); - interface Props { /** * value: text input in the search bar diff --git a/frontend/src/css/map.css b/frontend/src/css/map.css index 450168e3..906d98f0 100644 --- a/frontend/src/css/map.css +++ b/frontend/src/css/map.css @@ -4,13 +4,13 @@ } .leaflet-container { - height: 115%; + height: 100%; } .map-zoom { position: absolute; right: 55px; - z-index: calc(var(--navbar-z-index) - 4); + z-index: calc(var(--navbar-z-index) - 2); color: var(--background); font-family: 'Noto Sans JP', sans-serif; font-size: 2em; diff --git a/frontend/src/pages/Conditions.tsx b/frontend/src/pages/Conditions.tsx index c401a8cb..c5981b93 100644 --- a/frontend/src/pages/Conditions.tsx +++ b/frontend/src/pages/Conditions.tsx @@ -1,7 +1,5 @@ import ConditionsMap from '../Components/Conditions/ConditionsMap'; -// search & filtering implemented here! - const Conditions = () => { return (