We shall need to make a number of improvement to help you CometChat’s UI equipment as a result it suits the requirements. The root list we are going to end up being doing was src/cometchat-pro-react-native-ui-system.

Eliminate the real time impulse option

I simply need so it to get a simple speak software, very to store some thing easy, we must get rid of the alive response option:

Eradicate composer procedures switch

Still with the src/components/Messages/CometChatMessageComposer/list.js file, eliminate the pursuing the code. This is actually the very first child of fashion.mainContainer and it happens prior to concept.textInputContainer:

Treat message responses

The very last thing that individuals have to dump ‘s the content reactions. Here is the emoji sД±cak kД±zlar Kore switch that you see right below the timestamp of any content bubble:

We should instead posting a few data to get rid of they. That is because the fresh recipient in addition to sender provides separate password to own each. First, why don’t we change new receiver adaptation from the src/components/Messages/CometChatReceiverTextMessageBubble/directory.js. Get rid of the pursuing the password. This can be located close to the bottom, before all Examine parts is signed:

Second, upgrade the latest transmitter variation at src/components/Messages/CometChatSenderTextMessageBubble/list.js. Remove the after the code. This really is discovered right before the very last closure Evaluate level:

Including the fresh machine password

The main intent behind the fresh new server is always to would a corresponding CometChat member with the Firebase associate. And make one thing effortless, we will fool around with Node.js and you will Fastify to manufacture the servers.

Keep in mind that the COMETCHAT_API_Trick must be the keys you’ll find into the API & Auth Important factors part beneath the Other individuals API Keys loss:

2nd, are the station having doing pages. While the you’ve seen regarding app code earlier, a post request was designed to which station whenever a person subscribes. So it welcomes this new Firebase affiliate auth ID (uid) while the Firebase file ID. The name, email address, and you will gender is even submitted new request. I play with robohash on the associate avatars. Once we have all the user analysis able, i posting the new request on CometChat People API endpoint. Be cautious using this type of since you would-be contributed to a keen before papers (for example a wrong API endpoint). Guarantee you happen to be selecting the stable form of the latest records (currently it is on version 2.1). The important thing to remember when giving the brand new request is that it needs to be transformed into a great JSON sequence using JSON.stringify. The fresh new metadata should be translated alone:

Running the new app

Check in a number of accounts you need to use having review then was they. Keep in mind that you could only talk with other member if you one another appreciated each other.

That’s it! Especially, you have read the way you use Firebase to make usage of authentication within this an effective React Native software. We have also use it a data stores for pages analysis. Upcoming we utilized CometChat to help you easily pertain the fresh talk abilities.

Wern is actually an internet and cellular application developer from the Philippines. He loves strengthening applications and you may discussing things he’s got discovered by writing within his web log. Whenever he isn’t programming otherwise studying new stuff, he have workouts and you will farming.

• Label setIsLoggedIn() method about framework so you’re able to up-date this new UI that associate try signed into the. Remember that the latest consult to create the new CometChat user towards the server should have anticipate because getting in touch with setIsLoggedIn() often bring about CometChat.login() so if new corresponding CometChat affiliate cannot exist but really at this part then you’ll rating a mistake.

2nd, range from the determine() setting. It executes actions four to six regarding the conclusion before. It is conducted when the user loves otherwise detests someone. An individual investigation (person) in addition to their decision (eg otherwise hate) try introduced due to the fact arguments. addMatchedUser() contributes the individual’s ID towards matchedUsers selection so it will get excluded on the possible fits. The official is unstable even when, so we also need to include an alternative file on matches range which has the newest logged in the pages ID, the person they appreciated or disliked, as well as their choice. Like that, even when the user closes brand new software, its fits will still be undamaged.