Food Item component is used throughout the application to display information about a single food item such as its image, title, description, review, price, and add to cart/counter or total count.

This component is highly customizable to meet your needs. Just provide the necessary props to create/edit component

• itemPrice - amount to be paid for an item

  • Default - '$0'
  • String

• description - description of the food item

  • String

• imageIconPath - image URL that we can display the food item image from

  • String

• itemPurchasedCount - determines the number of items purchased,

  • Default - 0
  • Number

• leftTopIcon - determines which component will be displayed for the top left icon

  • Object

• onItemPress - a function that is executed when the food item is being pressed

  • Function

• onTopRightIconPress - function that is executed when top right icon is pressed

  • Function

• rating - number of reviews the food item has received

  • Number

• ratingNum - number of stars the food item has

  • Number

• title - determines the title of the food item

  • String

• topRightIconComponent - determines which icon component will be displayed on the top right

  • Object

• Example:

  <FoodItem
    key={'ordered_item_' +index}
    title={item.title}
    rating={item.rating}
    description={item.description}
    itemPrice={item.itemPrice}
    ratingNum={item.review}
    imageIconPath={item.imageIconPath}
    itemPurchasedCount={item.itemPurchased}
    onItemPress={() => {
  onPress(index);
    }}
  />
  

  • src/components/orderedItemList/OrderedItemList.js