component hierarchy - Priya67/onetouchBnB GitHub Wiki

  1. Functional Component Hierarchy

a. App

 i) NavBar

 ii) MainPage
  1. NavBar

a. NavBar

 i) Components:

    - SessionButtonsContainer + SessionButtons

    - Search Container

       * location

       * duration

       * number of people

    - Nav Links

  1. Main Page

    a. Spots

    i) SpotIndexContainer + SpotIndex

     - Route: /#/

 - Components:

    * SpotIndexItem

    * Maps

    ii) SpotShowContainer + SpotShow

     - Route: /#/spots/:spotId

 - Components:

    * Images(scrollable)

 - Information

 - Booking information

 - Reviews

 - Map

 - Footer

    * Terms, policy, help

    iii) User Profile

     - ProfileIndexContainer

    * Route: /#/spot/:userId

    * Components:

      i. SpotIndexItem

     ii. User introduction

    iii. Reviews from guests

     iv. Housing

    iv) Bookings Container

     - Route: /#/bookings

 - Bookings

 - Booking Detail