text: import React from 'react';
  import './css/App.css';
  import { Provider } from 'react-redux';
  import { BrowserRouter, Route, Switch } from 'react-router-dom';
  import MainMenu from './components/Menu/MainMenu';
  import Home from './components/MainPages/Home';
  import Category from './components/MainPages/Category';
  import EditPost from './components/MainPages/EditPost';
  import PostDetail from './components/Post/PostDetail';
  import { Container } from 'semantic-ui-react';
  
  const App = ({ store }) => {
    return (
      <Provider store={store}>
        <BrowserRouter>
          <Container fluid>
            <MainMenu />
            <Switch>
              <Route exact path="/" component={Home} />
              <Route exact path="/posts/edit" component={EditPost} />
              <Route exact path="/:category" component={Category} />
              <Route exact path="/:category/:postId" component={PostDetail} />
            </Switch>
          </Container>
        </BrowserRouter>
      </Provider>
    );
  };
  
  export default App;
  