Giter VIP home page Giter VIP logo

react-native-twilio-chat's Issues

Edition For Peer to Peer Chats

Hi ,First Thanks for such an amazing work on Twilio. I am successfully ran your code on my PC but now i need some changes. I need to keep the peer to peer chats i.e chats between 2 people only.
Can you tell me how to proceed with is and where do i need changes

Geting Network Error

When I enter the user name its redirects to my channel list but showing the msg network error and also channel is not created due to this issue.

Screenshot_2021-05-12-18-28-59-457_com react_native_twilio_chat

Login Showing Network Error

Hi ,First thanks alot for te guide.
I am facing problem when logging in .What should be the username and where can i define it.When logging in with random username it shows network Error
network error

The server is running already and the jwt token is returning a positive response.
image

Now I need your guide and help on i how can I login as user in this app.

Image/attachment support

Hi there, we have implemented chat feature using this lib and is working fine. But I don't see there is any image/attachment support for this. When I upload image from web and check on mobile app, it simply returns "text": null. Let me know if its possible to get information of uploaded attachment

How to get media elements?

I have tried this code and i also done image upload feature,

Here is the messages data am getting:

{
createdAt: Thu Dec 23 2021 12:56:23 GMT+0530 (India Standard Time) {}
received: true
text: "Hai"
user: {_id: "Ghost", name: "Ghost"}
_id: '1'
}, 
{
createdAt: Thu Dec 23 2021 12:56:23 GMT+0530 (India Standard Time) {}
received: true
text: null
user: {_id: "Ghost", name: "Ghost"}
_id: '2'
}

the second object of _jd 2 contains media elements and i can see the media objects on console before parsing,

useEffect(() => {
      TwilioService.getInstance()
        .getChatClient()
        .then((client: any) => client.getChannelBySid(channelId))
        .then((channel: any) => setChannelEvents(channel))
        .then((currentChannel: any) => currentChannel.getMessages())
        .then((paginator: any) => {
          chatMessagesPaginator.current = paginator;
          const newMessages = TwilioService.getInstance().parseMessages(
            paginator.items,
          );
          console.log(newMessages, "newMessages", paginator.items)
          setMessages(newMessages);
        })
        .catch((err: any) =>
          showMessage({message: err.message, type: 'danger'}),
        )
        .finally(() => setLoading(false));
    }, [channelId, setChannelEvents]);

in paginator.items i can see the type: 'media' and media url inside the state,

Is their any way to get media object along with messages

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.