Skip to content

Components

lolagarden edited this page May 24, 2020 · 2 revisions

React Native Components

Card

The card component represents a 'card' which the user swipes when picking restaurants. Data for a restaurant is dynamically loaded onto the card including it's distance and price rating.

CuisinesGrid

The cuisinesGrid component represents the grid of cuisines in the setup screen. This grid enables the user to choose the cuisines they are interested in for the session. The user can select multiple cuisines.

LocationSymbol

The locationSymbol component shows the location icon and distance to a restaurant from the host user's current location.

RestauranTopPick

The restaurantTopPick component contains the data of the restaurant's that were most 'liked' by the players in the session. The top 3 restaurantTopPicks are displayed on the results screen.

PriceSymbol

The priceSymbol component provides a visual representation of the price level of a restaurant between '$' and '$$$'. This is used to help guide a user's decision on what restaurants they want to swipe yes to.

ReviewStars

The reviewStars component provides a visual representation of the review rating of a restaurant between 1 star and 5 stars. This is used to help guide a user's decision on what restaurants they want to swipe yes to.

Clone this wiki locally