How to change sent, received, seen status when send a message?

Issue Description

When the user sends a message to another person he can include the sent, received, seen properties in the current message object but he can update each of them. Like once user press send sent all will be false. Then once the message added to the firebase then sent should be true, once another user receives this message received should be true, and once other users see this message ie message loaded on the visible screen seen status should change. I am unable to get at which event we should change these properties & how?

<GiftedChat
                    messages={this.state.messages}
                    onSend={messages => this.onSend(messages)}
                    user={{_id: this.state.user.id}}
                    messagesContainerStyle={{backgroundColor: '#fff'}}
                    renderMessage={this._renderMessage}
                    renderMessageText={this._renderMessageText}
                    renderAvatar={this._renderAvatar}
                    renderTime={()=>null}
                    renderDay={()=>null}
                    showUserAvatar={true}
                    showAvatarForEveryMessage={false}
                    renderBubble={this.renderBubble}
                    placeholder='Enter message'
                    renderInputToolbar={this._renderInputToolbar} 
                    textInputStyle={styles.textInputStyle}
                    renderActions={this._renderAction}
                    // minInputToolbarHeight={44}
                    alwaysShowSend={true}
                    renderSend={this._renderSend}
  />

Additional Information

• React version:16.11.0
• React Native version: 0.62.2
• react-native-gifted-chat version: 0.16.1
• Platform(s) (iOS, Android, or both?): Android (ios not tested)

[RupamShaw]

@novlihalsi need to update message with

newMessage = {
          _id: chat.id,
          text: chat.chatMessage,
          createdAt: chatCreatedTime,
          user: {
            _id: userId,
            name: displayName,
            avatar: userAvatar,
          },
          sent: true,
          received: JSON.parse(`${chat.isRead}`),
        }

in giftedchat

<GiftedChat
renderTicks={this.renderTicks}
.....
/>

renderTicks=currentMessage=>{
    const tickedUser =  currentMessage.user._id
    return(

    <View>
    {!!currentMessage.sent && !!currentMessage.received && tickedUser===this.props.user.userId && this.props.user.userId && (<Text style={{color: 'gold', paddingRight:10}}>✓✓</Text>)}
    </View>
      )
  }

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.