We will want to make a few improvement to CometChat’s UI package therefore it fits all of our conditions. The underlying list we’ll getting concentrating on is actually src/cometchat-pro-react-native-ui-kit.
Remove the real time effect key
We simply want which is an easy chat application, so to save anything effortless, we must remove the HД±rvat seksi kadД±nlar real time reaction switch:
Lose composer tips switch
However toward src/components/Messages/CometChatMessageComposer/directory.js document, get rid of the adopting the password. This is the earliest infant of fashion.mainContainer and it arrives before style.textInputContainer:
Eradicate message responses
The last thing that we have to cure is the message responses. Here is the emoji option which you discover best underneath the timestamp of each message bubble:
We need to change a couple of data files to remove it. This is because the fresh new individual as well as the sender enjoys independent code to own per. First, let us revise the newest receiver version within src/components/Messages/CometChatReceiverTextMessageBubble/list.js. Remove the after the password. This is certainly located nearby the base, just before all the Consider portion try finalized:
2nd, modify the latest sender variation within src/components/Messages/CometChatSenderTextMessageBubble/directory.js. Remove the after the code. This might be found right before the final closure Look at level:
Incorporating the newest server code
An element of the reason for the newest server should be to would a matching CometChat member towards Firebase user. And then make something effortless, we are going to fool around with Node.js and Fastify to manufacture brand new server.
Note that the latest COMETCHAT_API_Trick must be the secrets you can find for the API & Auth Keys point under the Other people API Tips case:
2nd, add the station having performing profiles. Once the you’ve seen from the software code earlier, an article consult was designed to that it route when a person subscribes. That it welcomes the fresh new Firebase user auth ID (uid) therefore the Firebase document ID. Title, current email address, and gender is also sent in the fresh demand. I explore robohash on affiliate avatars. Once we have got all the consumer research able, we posting brand new request toward CometChat Rest API endpoint. Be careful with this specific because you might be led to an enthusiastic prior to files (which means an incorrect API endpoint). Ensure you might be choosing the secure brand of new documentation (already it’s at the version dos.1). The important thing to keep in mind whenever sending the consult is the fact it needs to be changed into a JSON string using JSON.stringify. The brand new metadata should also be translated individually:
Running the newest application
Sign in a number of membership you are able to to have analysis up coming is actually it. Just remember that , you could potentially just speak to various other associate for individuals who each other liked each other.
That’s all! Specifically, you have discovered how to use Firebase to apply authentication inside a great Perform Local software. We’ve got additionally use it a data shop getting profiles analysis. Next i utilized CometChat so you can with ease use the newest speak capability.
Wern was a web site and you can mobile software creator in the Philippines. The guy enjoys strengthening apps and discussing the items he’s got discovered by the writing in the web log. Whenever he isn’t programming otherwise discovering new things, he has actually exercise and you may garden.
- Phone call setIsLoggedIn() means regarding framework to upgrade this new UI that member is actually signed in. Observe that the newest consult which will make the new CometChat user into the servers has to have expect while the getting in touch with setIsLoggedIn() often lead to CometChat.login() so if the latest relevant CometChat representative doesn’t are present yet at this part then you’ll get a blunder.
Second, range from the select() setting. So it executes measures four to six from the realization prior to. It is carried out if the user wants or dislikes anybody. The user investigation (person) and their decision (such otherwise hate) was introduced since the objections. addMatchedUser() contributes the individual’s ID towards the matchedUsers range so it gets omitted about possible matches. The official is erratic regardless if, therefore we also have to create another document toward fits collection with the latest signed inside the profiles ID, the person they preferred otherwise hated, as well as their choice. That way, even if the associate closes this new software, the fits continue to be undamaged.