We will want to make a few improvement to help you CometChat’s UI equipment so it fits the requirements. The underlying directory we’re going to be taking care of is actually src/cometchat-pro-react-native-ui-kit.
Eliminate the real time response key
I merely require so it is an easy chat software, thus to store some thing easy, we need to eliminate the alive response option:
Remove author procedures option
Nonetheless towards the src/components/Messages/CometChatMessageComposer/list.js file, get rid of the following password. This is the very first kid of style.mainContainer and it will come right before concept.textInputContainer:
Get rid of message responses
The worst thing that we need lose ‘s the content responses. This is actually the emoji switch which you look for correct beneath the timestamp of every message bubble:
We must revise two documents to remove they. This is because brand new individual plus the sender has actually separate password having for each and every. Very first, let’s change the newest person adaptation during the src/components/Messages/CometChatReceiverTextMessageBubble/list.js. Take away the following code. It is found near the bottom, prior to every Look at areas try finalized:
Next, inform the new sender type at SingleSlavic kredileri src/components/Messages/CometChatSenderTextMessageBubble/index.js. Eliminate the pursuing the code. This can be found before the very last closure View level:
Including the fresh servers code
A portion of the reason for this new host will be to manage a matching CometChat associate to the Firebase user. Making some thing simple, we are going to play with Node.js and Fastify to make brand new machine.
Observe that new COMETCHAT_API_Trick must be the techniques you will find toward API & Auth Secrets section in Others API Techniques loss:
2nd, add the station getting carrying out pages. Because the you have seen on the application code prior to, a post consult was designed to it channel when a person signs up. So it allows brand new Firebase member auth ID (uid) and Firebase file ID. The name, email, and you will gender is additionally submitted brand new request. We fool around with robohash with the affiliate avatars. When we have got all the user data in a position, i send the brand new request into the CometChat Other people API endpoint. Be mindful with this specific because you might possibly be led to a keen prior to paperwork (meaning that an incorrect API endpoint). Assure you’re deciding on the stable particular the newest documentation (currently it is at adaptation dos.1). The main element to keep in mind whenever delivering the latest consult would be the fact it must be changed into an excellent JSON sequence having fun with JSON.stringify. The new metadata ought to be converted individually:
Running brand new application
Sign in a number of membership you are able to to have evaluation upcoming was it. Keep in mind that you could potentially simply talk with some other affiliate if you each other enjoyed both.
That’s all! Specifically, you have discovered ways to use Firebase to implement verification within this a good Work Local application. There is additionally use it as a document storage getting profiles studies. Following we used CometChat in order to with ease pertain new cam functionality.
Wern try a web and you will cellular app developer regarding Philippines. The guy loves strengthening programs and you may sharing things they have discovered by composing in his blog site. Whenever he’s not coding or training new stuff, the guy has actually working out and you can horticulture.
- Name setIsLoggedIn() strategy on framework so you can upgrade the UI your associate try logged inside. Keep in mind that this new request to make the brand new CometChat associate on the host really needs anticipate because the getting in touch with setIsLoggedIn() usually end up in CometChat.login() so if the new involved CometChat associate will not can be found but really at that section then you’ll definitely rating a mistake.
2nd, range from the determine() form. Which implements measures 4-6 from the bottom line earlier. It is executed when the representative wants otherwise detests anybody. The user investigation (person) and their decision (such as for example or dislike) was passed while the arguments. addMatchedUser() contributes the individuals ID with the matchedUsers range which gets omitted in the potential suits. The state are volatile though, so we also have to include a different document towards suits collection which includes the fresh new signed for the pages ID, the person it appreciated otherwise hated, in addition to their choice. By doing this, even if the affiliate shuts the application, its fits will still be unchanged.