cha0s/reddichat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: useSocket

Browse Source
This commit is contained in:
cha0s 2020-12-13 04:49:23 -06:00
parent 6b5fbd540c
commit 14a6b80a44
2 changed files with 49 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
app/src/react/components/chat/index.jsx
View File

@ -28,7 +28,8 @@ export default function Chat() {
const hasChannel = !!useSelector((state) => channelSelector(state, channel));
const historyLength = useSelector(historyLengthSelector);
const renderedChannel = renderChannel(channel);
useSocket((socket) => {
const socket = useSocket();
useEffect(() => {
let handle;
const load = throttle(async () => {
setActivity(await socket.send(['Activity']));
@ -41,7 +42,7 @@ export default function Chat() {
clearInterval(handle);
}
};
}, [channel]);
}, [channel, socket]);
const isAllowed = user.id > 0 || !!channel;
useEffect(() => {
if (!isAllowed) {

10
app/src/react/components/dispatcher.jsx
View File

@ -1,6 +1,6 @@
import {useDispatch, useSelector} from 'react-redux';
import {useSocket} from '@latus/socket/client';
import {useSocketPacket} from '@latus/socket/client';
import {
addMessage,
joined,
@ -20,8 +20,7 @@ import {
export default function Dispatcher() {
const dispatch = useDispatch();
const id = useSelector(idSelector);
useSocket((socket) => {
const onPacket = (packet) => {
useSocketPacket((packet) => {
switch (packet.constructor.name) {
case 'AddFriend': {
const {adderId, addeeId, name} = packet.data;
@ -67,11 +66,6 @@ export default function Dispatcher() {
}
default:
}
};
socket.on('packet', onPacket);
socket.on('disconnect', () => socket.off('packet', onPacket));
socket.on('reconnect', () => socket.on('packet', onPacket));
return () => socket.off('packet', onPacket);
}, []);
return null;
}