React.js (Web)

Before: the entire history, the state of the rooms are cached. When opening the chat again, 5 messages are reloaded to the chats in an asynchronous order with the cache. (Maximum 4 times), or until it finds the last message from the cache by id. The requests are separated with a timeout of 500ms. After: No more than 30 messages in the cache, so that additional downloads work optimally and during the user's idle state. This will solve the issue of updating old messages, because keeping about the entire history will not be very correct. Afterwards we keep improving the caching logic until the moment when we have the most messages cached and performance optimiz…

On Setting, I found some UI issues in document shares. Click on add new share. The expiration dropdown is shown below for choosing documents. Refer screenshot

I tried to edit the profile's 'First name, Last Name & Note' Found UI issue on profile - Not able to view profile text box headers like First name, Last Name & Note on profile section. How we will know which are the first, last & note

It sounds like there might be an issue with the link or the placement of the Terms and Conditions on the signup page

We are happy to announce that our web version is being upgraded including the following major upgrades and several minor improvements: New UI design - enjoy the new professional look Chat Component - our new npm component makes it even easier to integrate the core functionalities of Ethora (digital wallet coupled with chat) into new or existing apps. https://www.npmjs.com/package/@ethora/chat-component Following "eat your own dog's food" principle, we leverage this by upgrading Ethora Web code so that it utilises the Ethora Chat Component in its core instead of implementing the chat screen from scratch like it was in the previous version of Ethora Web. To re…

The github repository for our Chat Component is now public! The code is now open-source and available for community to review and contribute to: https://github.com/dappros/ethora-chat-component/tree/main

Our NPM package Ethora Chat Component has been updated: Improved Chat Header appearance "Now typing" is moved to Chat Header if header is enabled Scrolling has been fixed Burger menu with a List of Chats added

In this 3 minute video we explain how to quickly get your first Ethora powered web app running. This supports React and vanilla Javascript. How to use Ethora Chat Component NPM package npm create vite@latest select name of project, select type (react/js) cd project-name npm i npm i @ethora/chat-component go to file src/App.tsx and replace it with this code: import { Chat } from "projecet-2-ccomp"; import "./App.css"; function App() { return ( <Chat /> ); } export default App; Video demo (optional) Implementing custom CSS styles Use the below example to add cus…

According to Material UI documentation, Box component is a generic, theme-aware container with access to CSS utilities from MUI System. Box is typically used for grouping other components. It has become an important building block in MUI - almost like an extended functionality <div> with extra conveniences such as access to your app's CSS theme and the sx prop. Embedding chat using Box Material UI component Ethora Chat Component utilizes Box to seamlessly embed chat screen into your existing web application code. This is very handy in cases where you need to: add chat to your existing legacy web app embed messaging into web portal for …

Here I have sketched the current use cases of Ethora Chat Components in terms of Users authentication. Use Case 2 (hard-coded or temporary accounts): B: Use hard-coded user ID. Everybody who use the app will automatically log in with the same user ID. All messages in the chat room will be from the same user. Use for: demo purposes or project where multiple user accounts are not required (e.g. anonymous chat / comments section). A: Use randomly generated temporary user ID. No login screen required, but User gets a random account and that account will not persist as login and password is not given to the User. Next time User opens th…