Frontend Routes and Components

Jump to bottom

rayoowoo edited this page Jul 28, 2019 · 31 revisions

Component Hierachy

Root
- App
  - NavBar
    - NavSearch
  - main components

Routes for Main Components

`/`

SessionForm if not logged in
NewsFeed if logged in
- NewsFeedSideNav
- NewsFeedMain
  - PostForm
  - PostIndex
    - PostItem
      - PostContent
      - PostMenu
      - CommentsIndex
        
        CommentItem
        
        CommentMenu
      - CommentForm

`/user/:userId`

Profile
- ProfilePictureArea
  - CoverPicture
    - CoverPictureForm
  - ProfilePicture
    - ProfilePictureForm
- ProfileNav
  - ProfileNavItem
- ProfileSideBar
  - ProfileIntro
    - ProfileIntroBio
      - ProfileIntroInformation
    - ProfileFriends
      - ProfileFriendIndex
        
        ProfileFriendItem
- ProfileTimeline
  - ProfilePostForm
  - ProfilePostIndex
    - ProfilePostItem

BONUS

`/`

Profile
- ProfileSideBar
  - ProfilePhotos
    - ProfilePhotoIndex
      - ProfilePhotoIndexItem

`/users/:user_id/about`

About
- UserInformation
  - UserInformationSideNav
  - UserInformationMain
- AboutFriendIndex
- AboutPhotoIndex

`/users/:user_id/friends`

FriendSearch
FriendIndex
- FriendItem

`/users/:user_id/photos`

PhotoIndex
- PhotoItem
PhotosForm

`/users/:user_id/posts/post_id`

PostItem
- PostContent
- PostMenu
- CommentsIndex
  - CommentItem
    - CommentMenu
- CommentForm

`/users/:user_id/friends/requests`

FriendRequestsIndex
- FriendRequestsIndexItem

`/notifications`

NotificationIndex
- NotificationItem

`/settings`

Settings
- SettingsSideNav
- SettingsMain
  - SettingsMainItem
  - SettingsForm