We’re going to need to make a few modifications in order to CometChat’s UI equipment so it matches our conditions. The underlying list we’re going to become dealing with try src/cometchat-pro-react-native-ui-kit.

Take away the real time impulse option

We merely need this to-be an easy speak app, therefore to save one thing effortless, we must get rid of the real time impulse button:

Reduce composer actions option

Nevertheless on the src/components/Messages/CometChatMessageComposer/directory.js document, remove the adopting the code. This is basically the very first infant of style.mainContainer and it also comes just before design.textInputContainer:

Clean out message responses

The worst thing we need certainly to treat ‘s the content responses. This is the emoji option that you see best underneath the timestamp of any content ripple:

We should instead update two files to remove it. That is because the brand new person as well as the transmitter features independent code to own for each. Basic, why don’t we enhance the fresh new individual adaptation at the src/components/Messages/CometChatReceiverTextMessageBubble/directory.js. Take away the following the password. This is certainly receive nearby the base, before all the View section is closed:

Second, inform the fresh sender type within src/components/Messages/CometChatSenderTextMessageBubble/directory.js. Take away the after the code. This is receive before the very last closure Look at mark:

Adding the fresh new servers password

A portion of the intent behind the newest servers will be to perform a corresponding CometChat member to your Firebase associate. To make one thing simple, we shall fool around with Node.js and you will Fastify to produce the machine.

Observe that new COMETCHAT_API_Key ought to be the keys there are towards the API & Auth Points part underneath the Other individuals API Keys case:

Second, range from the channel to own doing profiles. Because the you have seen in the app code earlier, a blog post request is designed to this route whenever a person signs up. This welcomes this new Firebase affiliate auth ID (uid) as well as the Firebase file ID. Title, email, and you will gender is even submitted the fresh new request. I fool around with robohash to the representative avatars. As soon as we have all the user analysis able, i posting the newest consult into the CometChat Others API endpoint. Be mindful with this specific because you could be resulted in an enthusiastic before records (and thus an incorrect API endpoint). sД±cak Malezya kadД±nlar Make sure you are choosing the secure kind of the brand new paperwork (already it is in the variation dos.1). The important thing to consider whenever giving new consult is that it needs to be transformed into a JSON sequence using JSON.stringify. Brand new metadata ought to be converted individually:

Powering the latest application

Sign in several levels you can utilize to have investigations following was it. Keep in mind that you might merely chat with other affiliate for many who one another preferred each other.

That’s all! Specifically, you read how to use Firebase to make usage of authentication inside a Respond Native software. We have additionally use it a document storage to possess profiles analysis. Next i put CometChat to help you easily implement brand new talk capabilities.

Wern is actually a web site and you will mobile app designer in the Philippines. He wants strengthening applications and revealing things he’s read from the creating within his website. When he isn’t coding or understanding new things, he have exercising and you can horticulture.

• Call setIsLoggedIn() strategy regarding context in order to change this new UI your member are logged inside the. Remember that new consult to make this new CometChat representative toward server has to have await since the contacting setIsLoggedIn() often end up in CometChat.login() so if brand new corresponding CometChat associate cannot exist yet at that area then you’ll rating an error.

2nd, add the determine() form. Which executes measures 4-6 regarding the bottom line earlier. It’s done in the event that representative enjoys or detests anyone. An individual data (person) as well as their choice (instance or hate) was enacted given that objections. addMatchedUser() adds the individuals ID toward matchedUsers range this will get excluded in the prospective fits. The official are unpredictable regardless if, so we also need to put yet another document into the matches range that contains new signed from inside the profiles ID, the person they preferred otherwise disliked, as well as their decision. Like that, even if the associate shuts the new software, the matches are still unchanged.