Frontend Routes

Jump to bottom

thedanielcho edited this page May 14, 2021 · 8 revisions

Organization for Frontend Components

Root
- App
  - LeftSidebar
    - ChannelList
    - DirectMessageList
  - [Main Component]
    - RightSidebar
      - Description
      - MemberList

If not logged in:

/
- SplashContent
  - LoginHeader
  - JoinPrompt
/login
- SessionForm
/signup
- SessionForm

If logged in:

/
- LeftSideBar
  - ChannelList
    - ChannelListItem
  - DirectMessageList
    - DirectMessageListItem
- Header
/channel/:channelId
- Channel
  - MessagesList
    - MessageItem
/channel/:channelId/RightSidebar
- RightSidebar
- Always loads when sidebar is open
/channel/:channelId/RightSidebar/about
- Description
- Loads a description onto the sidebar
/channel/:channelId/RightSidebar/members
- MemberList
- Loads a member list onto the sidebar
/directmessages/:directMessageId
- DirectMessage
  - MessagesList
    - MessageItem
/ (exact)
- Redirects to current user's first channel (channel at the top of the list)

Modals:

Creating new channels
Inviting people to channel
User show page