diff --git a/example/App.tsx b/example/App.tsx index 8787554..ec33cb2 100644 --- a/example/App.tsx +++ b/example/App.tsx @@ -1,5 +1,4 @@ import { I18nextProvider } from 'react-i18next'; -import { BrowserRouter } from 'react-router-dom'; import { ThemeProvider } from '@mui/material'; @@ -12,20 +11,17 @@ import 'leaflet/dist/leaflet.css'; import Map from '../src/components/Map'; import i18n from '../src/config/i18n'; import { QueryClientProvider, queryClient } from '../src/config/queryClient'; -import './App.css'; const App = (): JSX.Element => ( - -
- - - - - - - -
-
+
+ + + + + + + +
); export default App; diff --git a/example/App.css b/src/components/Map.css similarity index 100% rename from example/App.css rename to src/components/Map.css diff --git a/src/components/Map.tsx b/src/components/Map.tsx index 87731f8..7120f03 100644 --- a/src/components/Map.tsx +++ b/src/components/Map.tsx @@ -5,11 +5,15 @@ import { ItemGeolocation } from '@graasp/sdk'; import { DEFAULT_LANG } from '@graasp/translations'; import { LatLng } from 'leaflet'; +import 'leaflet-easybutton/src/easy-button.css'; +import 'leaflet-geosearch/assets/css/leaflet.css'; +import 'leaflet/dist/leaflet.css'; import { legends } from '../config/constants'; import i18n from '../config/i18n'; import { hooks } from '../config/queryClient'; import { MarkerProps } from '../types'; +import './Map.css'; import CurrentLocationMarker from './map/CurrentLocationMarker'; import CurrentMarker from './map/CurrentMarker'; import GeographicSearch from './map/GeographicSearch';