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