logos-messaging/examples.waku.org
1
0
Fork 0
mirror of https://github.com/logos-messaging/examples.waku.org.git synced 2026-01-08 07:43:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: minor issues in the web-chat (#218)

Browse Source 
* improve condition for message sending, fix clear input issue

* prevent display of empty messages
This commit is contained in:
Sasha 2023-03-02 00:56:20 +01:00 committed by GitHub
parent faf8cf83c8
commit 74b6bd11b4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
examples/web-chat/src/MessageInput.tsx
View File

@ -23,13 +23,14 @@ export default function MessageInput(props: Props) {
const [isActive, setActiveButton] = useState<boolean>(false); const [isActive, setActiveButton] = useState<boolean>(false);
const onMessage = async () => { const onMessage = async () => {
if (props.sendMessage) { if (props.sendMessage && inputText) {
await props.sendMessage(inputText); await props.sendMessage(inputText);
setInputText(""); setInputText("");
} }
}; };
const onChange = (event: ChangeEvent<HTMLInputElement>) => { const onChange = (event: ChangeEvent<HTMLInputElement>) => {
event.preventDefault();
setInputText(event.target.value); setInputText(event.target.value);
}; };

2
examples/web-chat/src/Room.tsx
View File

@ -22,7 +22,7 @@ export default function Room(props: Props) {
const { storePeers, filterPeers, lightPushPeers } = usePeers({ node }); const { storePeers, filterPeers, lightPushPeers } = usePeers({ node });
const onSend = async (text: string) => { const onSend = async (text: string) => {
if (!onPush) { if (!onPush || !text) {
return; return;
} }

1
examples/web-chat/src/hooks.ts
View File

@ -46,6 +46,7 @@ export const useMessages = (params: UseMessagesParams): UseMessagesResult => {
.map(Message.fromWakuMessage) .map(Message.fromWakuMessage)
.concat(localMessages) .concat(localMessages)
.filter((v): v is Message => !!v) .filter((v): v is Message => !!v)
.filter((v) => v.payloadAsUtf8 !== "")
.sort( .sort(
(left, right) => left.timestamp.getTime() - right.timestamp.getTime() (left, right) => left.timestamp.getTime() - right.timestamp.getTime()
); );