diff --git a/src/components/OnlineBox.jsx b/src/components/OnlineBox.jsx
index 66f4a13..e870f7f 100644
--- a/src/components/OnlineBox.jsx
+++ b/src/components/OnlineBox.jsx
@@ -31,36 +31,35 @@ const OnlineBox = () => {
const onlineUsers = (onlineCanvas) ? online[canvasId] : online.total;
return (
-
- {(onlineUsers || name)
+
dispatch(toggleOnlineCanvas())}
+ >
+ {(onlineCanvas)
? (
-
dispatch(toggleOnlineCanvas())}
+
- {(onlineUsers)
- && (
-
- {onlineUsers}
-
- {(onlineCanvas) && }
-
-
- )}
- {(name != null)
- && (
-
- {numberToString(totalPixels)}
-
- )}
-
- ) : null}
+ {online[canvasId] || 0}
+
+ )
+ : (
+
+ {online.total}
+
+ )
+ }
+
+ {(name != null)
+ && (
+
+ {numberToString(totalPixels)}
+
+ )}
);
};
diff --git a/src/components/buttons/CanvasSwitchButton.jsx b/src/components/buttons/CanvasSwitchButton.jsx
index 9464d25..b8f7b31 100644
--- a/src/components/buttons/CanvasSwitchButton.jsx
+++ b/src/components/buttons/CanvasSwitchButton.jsx
@@ -1,11 +1,10 @@
/**
*
- * @flow
*/
import React from 'react';
import { useDispatch } from 'react-redux';
-import { FaGlobe } from 'react-icons/fa';
+import { FaFlipboard } from 'react-icons/fa';
import { t } from 'ttag';
import { showCanvasSelectionModal } from '../../actions';
@@ -23,7 +22,7 @@ const CanvasSwitchButton = () => {
title={t`Canvas Selection`}
tabIndex={-1}
>
-
+
);
};
diff --git a/src/socket/packets/OnlineCounter.js b/src/socket/packets/OnlineCounter.js
index c301a09..2f6cbf1 100644
--- a/src/socket/packets/OnlineCounter.js
+++ b/src/socket/packets/OnlineCounter.js
@@ -31,7 +31,7 @@ export default {
dehydrate(online) {
// SERVER (sender)
if (!process.env.BROWSER) {
- const canvasIds = Object.keys(online);
+ const canvasIds = Object.keys(online).filter((id) => id !== 'total');
const buffer = Buffer.allocUnsafe(3 + canvasIds.length * (1 + 2));
buffer.writeUInt8(OP_CODE, 0);