Fix #96 - Refactor structure of project

README.md

@@ -8,5 +8,7 @@ This project based on Google Maps API.
 - MUI, Tailwind, SCSS (I trying to rewrite it)
 - Prettier, ESLint, i18next
 
+You need backend, which is [here](https://github.com/CoffeeladyCZ/maps-coffee-api).
+
 ### Future feature:
 - Login section for users, possibility to add new cafes after login

src/App.tsx

@@ -1,6 +1,4 @@
 import { BrowserRouter as Router } from 'react-router-dom';
-import { PopUpStateProvider } from './contexts/PopupContext';
-import { MapsStateProvider } from './contexts/MapsContext';
 import MyRoutes from './routes/Routes';
 import { Container, ThemeProvider } from '@mui/material';
 import { theme } from './theme/theme.js';
@@ -19,17 +17,13 @@ const App = () => {
   return (
     <Provider store={store}>
       <ThemeProvider theme={theme}>
-        <MapsStateProvider>
-          <PopUpStateProvider>
-            <Container>
-              <Router>
-                <Header />
-                <MyRoutes />
-                <Footer />
-              </Router>
-            </Container>
-          </PopUpStateProvider>
-        </MapsStateProvider>
+        <Container>
+          <Router>
+            <Header />
+            <MyRoutes />
+            <Footer />
+          </Router>
+        </Container>
       </ThemeProvider>
     </Provider>
   );

src/components/Header/AppHeader.tsx

@@ -4,7 +4,7 @@ import { Link } from 'react-router-dom';
 
 import { Grid } from '@mui/material';
 import User from './User';
-import LanguageSwitch from '../common/LanguageSwitch';
+import LanguageSwitch from './LanguageSwitch';
 
 const Header: React.FC = () => {
   const { t } = useTranslation();

src/components/common/LanguageSwitch.tsx → src/components/Header/LanguageSwitch.tsx

@@ -2,7 +2,6 @@ import React from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import { useTranslation } from 'react-i18next';
 
-import { Language } from '@mui/icons-material';
 import { Button } from '@mui/material';
 
 import { setLanguage } from '../../store/settings';

src/components/Map/AppMap.tsx → src/components/common/Map/AppMap.tsx

@@ -2,13 +2,13 @@ import { GoogleMap, LoadScript } from '@react-google-maps/api';
 import React, { useState } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 
-import MarkerComponent from '../Marker/AppMarker';
+import MarkerComponent from '../../Marker/AppMarker';
 
-import coffeePin from '../../img/newPin.svg';
+import coffeePin from '../../../img/newPin.svg';
 
-import { RootState } from '../../store';
-import { CafeDetailResponse } from '../../types/cafe';
-import { setActualCafe } from '../../store/cafeDetail';
+import { RootState } from '../../../store';
+import { CafeDetailResponse } from '../../../types/cafe';
+import { setActualCafe } from '../../../store/cafeDetail';
 
 interface MapProps {
   height: string;