> For the complete documentation index, see [llms.txt](https://1019apps.gitbook.io/quuqa-react-native-dating-app/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://1019apps.gitbook.io/quuqa-react-native-dating-app/pages.md).

# 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