Giter VIP home page Giter VIP logo

react-native-twilio-chat's Introduction

> Hi there, I'm Gapur Kassym

Linkedin Badge Website Badge Twitter Badge Instagram Badge Medium Badge Telegram Badge

Glad to see you here!  

I am a full-stack software engineer and writer. I love programming, writing, speaking and traveling.

As a software engineer, I enjoy using my obsessive attention to detail, my unequivocal love for making things that change the world. That's why I like to make things that make a difference.

GIF

Talking about Personal Stuffs:

  •    I’m currently working on something cool;
  •    I’m currently learning Data Structures and Algorithms on leetcode;
  •    Ask me about anything, I am happy to help;
  •    I regulary write articles on medium;
  •    How to reach me: [email protected];
  •    Resume.

📊 This Week I Spent My Time On:

No activity tracked

📈 My GitHub Stats:

react-native-twilio-chat's People

Contributors

gapur avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

react-native-twilio-chat's Issues

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

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

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

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

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.