Component Hierarchy

Jump to bottom

Anna Oh edited this page Nov 19, 2017 · 2 revisions

General

App
- Nav Bar
- Main Page (all other Components will be rendered here)
- Footer

Nav Bar

NavBar
- Components:
  - SessionButtonsContainer + SessionButtons
    - State: session
  - Explore (button redirects to Explore Page)
  - Following (Drop down - lists most recent followings/requests/followers)
    - UserIndexContainer
      - UserIndex
        
        UserIndexItem
  - User's Profile (button - redirects to User's Page)

New User Page

UserFormContainer
- UserForm

Login Page

SessionFormContainer *SessionForm

Main Index Page

PhotoIndexContainer (only shows photos of people user follows)
- PhotoIndex
  - PhotoIndexItem
    - CommentsIndexContainer
      - CommentsIndex
        
        CommentsFormContainer * CommentsForm

Photo Show Page

PhotoShowContainer
- PhotoShow
  - CommentsIndexContainer
    - CommentsIndex
      - CommentsFormContainer * CommentsForm

Explore Page

PhotoIndexContainer (shows randomly any photo user has access to)
- PhotoIndex
  - PhotoIndexItem

Logged in User's Profile Page

UserShowContainer
- UserShow
  - PhotoIndexContainer (only shows photos that logged in user posted)
    - PhotoIndex
      - PhotoIndexItem
  - PhotoIndexContainer (only shows photos that logged in user has saved)
    - PhotoIndex
      - PhotoIndexItem

Other User's Profile Page

UserShowContainer
- UserShow
  - PhotoIndexContainer (only shows photos that that particular user posted)
    - PhotoIndex
      - PhotoIndexItem