Component Hierarchy

Jump to bottom

1stepremoved edited this page Dec 28, 2017 · 34 revisions

Functional Component Hierarchy

App
- Navbar
  - SearchBar
- Main
- MusicPlayer

Navbar

Components
- SessionControlsContainer
  - SessionControls
    - State: session
- SearchbarContainer
  - Searchbar
    - State: songs, artists, albums
- UserNav

MusicPlayer

Components
- MusicControlsContainer
  - MusicControls
    - State: 'queue'
- QueueContainer
  - Queue
    - State: queue

Main

Session

SessionFormContainer
- SessionForm`
  - Route: /#/login and /#/signup
  - State: errors.login

Stream

TrackIndexContainer
- TrackIndex`
  - State: tracks, users
  - TrackIndexItemContainer
    - TrackIndexItem
    - State: tracks, users

User Show Page

UserProfileContainer
- UserProfile
  - State: users
UserShowIndexContainer
- UserShowIndex
  - State: tracks, users
  - TrackContainer
    - TrackItem
    - State: tracks, users, comments
  - PlaylistContainer
    - PlaylistItem
    - State: playlists, users

Search Page

ResultsIndexContainer
- ResultsIndex
  - State: tracks, users
  - TrackContainer
    - TrackItem
    - State: tracks, users, comments
  - PlaylistContainer
    - PlaylistItem
    - State: playlists, users
  - UserContainer
    - UserItem
    - State: users

Track Show Page

TrackShowContainer
- TrackShow
  - State: tracks, users, playlists
CommentsIndexContainer
- CommentsIndex
  - State: comments, tracks, users
  - CommentItemContainer
    - CommentItem
    - State: comments, tracks, users

Playlist Show Page

PlaylistShowContainer
- PlaylistShow
  - State: playlists, tracks, users
PlaylistTracksIndexContainer
- PlaylistTracksIndex
  - State: tracks, users
  - PlaylistTrackContainer
    - PlaylistTrack
    - State: tracks, users