Ring Central React- getting currentconversationid from state

Question

question

Ext 45211 asked Dec 19, '22 Ext 45211 answered Dec 27, '22

Ring Central React- getting currentconversationid from state

We want to build custom UI where we need to display list of messages (ConversationsPage) on the left side and right side display the conversation when user clicks on a message . By default currently when we click on a message in conversations panel, it displays the conversation as another page with back button.But we need to display both in the same page with two panels so that user doesn't need to do additional click for back button. For this we have added two divs in seaprate page and one div contains conversationspage and another div contains Conversationpage. But we need to pass "conversationid" parameter to the conversationPage. How can we get that value from the global state as I see we already have a reducer for the same. Thanks for the help.

ringcentral app

1 |3000

Attachments: Up to 8 attachments (including images) can be used with a maximum of 1.0 MiB each and 10.0 MiB total.

Using the RingCentral Phone for Desktop, you can dial or receive test calls, send and receive test SMS or Fax messages in your sandbox environment.

Download RingCentral Phone for Desktop:

Tip: switch to the "sandbox mode" before logging in the app:

On MacOS: press "fn + command + f2" keys
On Windows: press "Ctrl + F2" keys

Answer 1 · 2022-12-19T17:18:13Z

Phong Vu answered Dec 19, '22 Phong Vu commented Dec 20, '22

While we welcome developers to help each other with different application programming issues in this community, I could say that there is less chance that you would get help for this kind of issue from here. I recommend that for issues which are not directly related to the RingCentral API platform, you should post a generic question on e.g. stack overflow where there are more developers with React JS experience to help you.

4

1 |3000

Attachments: Up to 8 attachments (including images) can be used with a maximum of 1.0 MiB each and 10.0 MiB total.

Ext 45211 commented · Dec 20, 2022 at 07:27 AM

Thanks @Phong Vu . As Ringcentral community building the Ringcentral react widgets, I thought this community gives better answer as they know how their components are designed. This is a major requirement so any inputs appreciated. Thanks for the response.

0 ·

Phong Vu ♦♦ Ext 45211 commented · Dec 20, 2022 at 02:49 PM

Can you post the link to the component you mentioned above?

0 ·

Ext 45211 Phong Vu ♦♦ commented · Dec 20, 2022 at 02:52 PM

https://github.com/ringcentral/ringcentral-js-widgets/tree/master/packages/ringcentral-widgets/containers/ConversationsPage

0 ·

Show more comments

Answer 2 · 2022-12-21T02:23:39Z

Embbnux Ji answered Dec 21, '22 Embbnux Ji commented Dec 26, '22

Hi @Ext 45211 Do you use https://github.com/ringcentral/ringcentral-js-widgets ? You can get conversation id in "phone.conversations.currentConversation" and other APIs in "phone.conversations".

2

1 |3000

Attachments: Up to 8 attachments (including images) can be used with a maximum of 1.0 MiB each and 10.0 MiB total.

Ext 45211 commented · Dec 21, 2022 at 09:00 AM

@Embbnux Ji Thanks. We are using ringcentral-js-widgets. Is there a way we can override the styles of these components? For example , we don't want to display slidemenu extender button of messageItem in messages. Is there a way we override the property in our react app?

0 ·

Embbnux Ji Ext 45211 commented · Dec 26, 2022 at 08:57 AM

For now, it doesn't provide props to hide that. You can hide them by css style. Or you can create your MessageItem.

0 ·

Answer 3 · 2022-12-27T11:17:43Z

Ext 45211 answered Dec 27, '22

Thanks @Embbnux Ji I see we are using Pubsub / pubnub in the current react widgets. Do you have any documentation on the usage of that in ring central project. As end users, do we need to register with pubsub for this messaging. Please provide more resources to understand how it works. Thanks.

1 |3000

Attachments: Up to 8 attachments (including images) can be used with a maximum of 1.0 MiB each and 10.0 MiB total.

question