main.js 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. import {Redirect, Switch} from 'react-router-dom';
  2. import {HelloPage, UserTracks} from "./user-tracks";
  3. import {CMyPlaylists} from "./my-tracks";
  4. import {CProtectedRoute} from "../reducers";
  5. import {CSearchResult} from "./tools/search";
  6. import {HelloUserPage,MyPlaylistTracks} from "./my-tracks";
  7. import {CUserPlaylists} from "./user-tracks/user-playlists";
  8. import {UserPlaylistTracks} from "./user-tracks";
  9. import music from '../music.png'
  10. export const MusicImage = () =>
  11. <img className='musicImage' src={music} alt='music'/>
  12. export const Aside = ({children}) =>
  13. <div className='Aside'>
  14. {children}
  15. </div>
  16. export const Content = ({children}) =>
  17. <div className='Content'>
  18. {children}
  19. </div>
  20. export const Main = () =>
  21. <main>
  22. <Aside>
  23. <Switch>
  24. <CProtectedRoute roles={["anon", "user"]} path='/' component={MusicImage} exact/>
  25. <CProtectedRoute roles={["anon", "user"]} path="/user/:_id" component={CUserPlaylists}/>
  26. <CProtectedRoute roles={["anon", "user"]} path="/userPlaylist/:_id" component={CUserPlaylists}/>
  27. <CProtectedRoute roles={["anon", "user"]} path="/myMusic" component={CMyPlaylists}/>
  28. <CProtectedRoute roles={["anon", "user"]} path="/myPlaylist/:_id" component={CMyPlaylists}/>
  29. <CProtectedRoute roles={["anon", "user"]} path="/music" component={MusicImage}/>
  30. <CProtectedRoute roles={["anon", "user"]} path="/search" component={MusicImage}/>
  31. </Switch>
  32. </Aside>
  33. <Content>
  34. <Redirect from='/main' to='/'/>
  35. <Switch>
  36. <CProtectedRoute roles={["anon", "user"]} path="/search" component={CSearchResult}/>
  37. <CProtectedRoute roles={["anon", "user"]} path="/myPlaylist/:_id" component={MyPlaylistTracks}/>
  38. <CProtectedRoute roles={["anon", "user"]} path="/userPlaylist/:_id" component={UserPlaylistTracks}/>
  39. <CProtectedRoute roles={["anon", "user"]} path="/user/:_id" component={HelloPage}/>
  40. <CProtectedRoute roles={["anon", "user"]} path="/music" component={HelloPage}/>
  41. <CProtectedRoute roles={["anon", "user"]} path='/' component={HelloPage} exact/>
  42. <CProtectedRoute roles={["anon", "user"]} path='/myMusic' component={HelloUserPage}/>
  43. </Switch>
  44. </Content>
  45. </main>