Pages

Quuqa is a main 3 pages.

  • Home

  • Profile

  • Messages / Notifications

Home

Home is a main page. Here is swipe able content like other dating apps.

Swipe Right,left and top!

In this page have a 2 modal.

  • Match modal

  • Location Modal

This modals visibility is a false. If you want to change visibility in constructor method

this.state = {
...
locationModal: false // set true
matchModal: false // set true
}

Messages

Messages page is a list of all messages and notifications. This page is a tab page. It's have 3 custom component is SeeVisitors, MessageListItem and NotificationListItem.

SeeVisitors has 2 props:

  • visitorCount

  • onCloseButton: callback function for close modal

MessageListItem has 5 props:

  • image: is a image url for message

  • name : is a sender name (str)

  • age: is a sender age (number)

  • timeAgo: is a date time for sender last message

  • message: is a sender last message content

Profile

Messages page is a list of all messages and notifications. This page is a tab page. It's have 3 custom component is ReportModal, OndModal and ProfileHeader.

ReportModal has not any props

OndModal has one prop:

  • onClosePress: is a callback function for close modal

ProfileHeader has one prop:

  • openOndPress: is a callback function for open modal