fix: include css

graasp · Feb 21, 2024 · cd44cab · cd44cab
1 parent a5e125b
commit cd44cab
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 13 deletions.
diff --git 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 => (
-  <BrowserRouter>
-    <div style={{ width: '100vw', height: '100vh' }}>
-      <QueryClientProvider client={queryClient}>
-        <ThemeProvider theme={theme}>
-          <I18nextProvider i18n={i18n}>
-            <Map />
-          </I18nextProvider>
-        </ThemeProvider>
-      </QueryClientProvider>
-    </div>
-  </BrowserRouter>
+  <div style={{ width: '80vw', height: '80vh' }}>
+    <QueryClientProvider client={queryClient}>
+      <ThemeProvider theme={theme}>
+        <I18nextProvider i18n={i18n}>
+          <Map />
+        </I18nextProvider>
+      </ThemeProvider>
+    </QueryClientProvider>
+  </div>
 );
 
 export default App;
diff --git a/example/App.css → src/components/Map.css b/example/App.css → src/components/Map.css
diff --git 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';