App.js 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. import './App.scss';
  2. import React from 'react';
  3. import 'bootstrap/dist/css/bootstrap.min.css';
  4. import {Router, Link} from 'react-router-dom';
  5. import createHistory from "history/createBrowserHistory";
  6. //import thunk from 'redux-thunk';
  7. import {Provider, connect} from 'react-redux';
  8. //import {createStore, combineReducers, applyMiddleware} from 'redux';
  9. import { store } from './store/store';
  10. import { actionAllPlaylists, actionUsersPlaylists } from './store/promiseReducer';
  11. import { Header } from './components/header';
  12. import { Main } from './components/Routs';
  13. import {CAllPlaylists} from './components/Playlist';
  14. import {СNowPlayingPlayer} from './components/playing';
  15. export let history = createHistory();
  16. store.subscribe(() => console.log(store.getState()));
  17. store.getState().auth.token && store.dispatch(actionAllPlaylists());
  18. store.getState().auth.token && store.dispatch(actionUsersPlaylists(store.getState().auth?.user?.id));
  19. // export const CPlaylistById = connect(state => ({playlist: state.promise.plstById?.payload || {}}), )(PlaylistById);
  20. export const Aside = ({children}) =>
  21. <div>
  22. <CAllPlaylists/>
  23. </div>
  24. const CRoutes = connect(state => ({auth : state.auth?.token}))(Main)
  25. function App() {
  26. return (
  27. <div className='d-flex text-white'>
  28. <Router history={history}>
  29. <Provider store ={store}>
  30. <CRoutes/>
  31. {/* {store.auth?.token && <СNowPlayingPlayer/>} */}
  32. </Provider>
  33. </Router>
  34. </div>
  35. );
  36. }
  37. export default App;