We shall need to make several adjustment to help you CometChat’s UI system so that it fits our very own requirements. The underlying list we’re going to be dealing with is src/cometchat-pro-react-native-ui-kit.
Get rid of the real time effect switch
We merely require which is a straightforward talk software, so to save things simple, we should instead remove the live impulse button:
Clean out composer methods option
Nonetheless for the src/components/Messages/CometChatMessageComposer/list.js document, remove the pursuing the code. This is actually the very first infant of fashion.mainContainer therefore comes just before design.textInputContainer:
Eradicate content responses
The worst thing we must beat is the content responses. This is basically the emoji button which you discover right underneath the timestamp each and every content ripple:
We need to inform a couple records to get rid of it. This is because the fresh new person and also the sender possess separate code getting for each and every. First, let’s upgrade the recipient variation from the src/components/Messages/CometChatReceiverTextMessageBubble/index.js. Remove the after the code. This is exactly found near the base, prior to all of the See parts was closed:
Second, up-date this new transmitter version at the src/components/Messages/CometChatSenderTextMessageBubble/list.js. Take away the following the password. That is located prior to the very last closing Have a look at level:
Including the latest servers password
An element of the purpose of the fresh server is to manage a corresponding CometChat associate into the Firebase member. And also make something effortless, we will fool around with Node.js and you may Fastify to manufacture the brand new machine.
Keep in mind that new COMETCHAT_API_Trick must be the important factors discover to your API & Auth Tips part beneath the Other people API Secrets loss:
Second, are the route for performing pages. Just like the you’ve seen about app code before, a post consult was designed to which channel whenever a person signs up. That it welcomes the fresh Firebase user auth ID (uid) as well as the Firebase document ID. The name, email, and you can gender is additionally submitted the new consult. I play with robohash into affiliate avatars. Whenever we have got all the user investigation ready, we posting the new consult on the CometChat Others API endpoint. Be cautious using this type of as you could be triggered an earlier documents (meaning that a wrong API endpoint). Be sure of you might be choosing the steady style of the brand new paperwork (currently it’s on variation dos.1). The key to remember when giving the new request is the fact it must be changed into good JSON sequence having fun with JSON.stringify. The latest metadata ought to be translated individually:
Running the new software
Sign in a number of accounts you need to use to have comparison following is actually they. Keep in mind that you can merely talk to another member for many who one another liked one another.
That’s all! Particularly, you discovered strategies for Firebase to apply verification contained in this an excellent Act Local software. We have also use it a data storage getting pages study. Next we made use of CometChat to effortlessly pertain the brand new chat capabilities.
Wern try a web site and you can mobile app developer regarding Philippines. He loves strengthening software and you can revealing stuff he’s learned from the writing in the website. Whenever he’s not programming otherwise reading new stuff, he possess working out and you can gardening.
- Phone call setIsLoggedIn() strategy about Ukrayna karД±sД± perspective so you can up-date the UI your user try logged inside. Note that new request to produce the CometChat associate for the servers has to have expect just like the contacting setIsLoggedIn() will cause CometChat.login() anytime the newest involved CometChat associate cannot are present but really at this part then you’ll definitely get a blunder.
Second, add the pick() function. So it executes procedures four to six regarding the summation prior to. It’s conducted in the event the representative likes otherwise dislikes individuals. The consumer data (person) as well as their choice (instance or hate) try passed because the objections. addMatchedUser() adds the individuals ID towards matchedUsers selection that it becomes excluded about possible suits. The state was erratic though, so we also have to add a special document for the suits collection that has had the new signed for the pages ID, anyone they preferred or hated, as well as their decision. In that way, even if the affiliate closes the newest app, the suits will always be unchanged.