diff --git a/src/App.tsx b/src/App.tsx
index 5e00210..29e4343 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -57,6 +57,7 @@ export default function App() {
{
if (client.channel?.id === currentChannel?.id && client.channel.connection.id === activeConnectionId) {
diff --git a/src/Viewer.tsx b/src/Viewer.tsx
index 1acac00..11b9b50 100644
--- a/src/Viewer.tsx
+++ b/src/Viewer.tsx
@@ -6,16 +6,23 @@ export default function Viewer({
channel,
showChannelName = false,
hideNonTalking = false,
+ clientLimit = 0,
}: {
clients: IClient[] | undefined;
channel: IChannel | undefined;
showChannelName?: boolean;
hideNonTalking?: boolean;
+ clientLimit?: number;
}) {
return (
{showChannelName ?
{channel?.properties.name}
: null}
- {clients?.map((client) => {
+ {clients?.map((client, i) => {
+ //* Client limit
+ if (clientLimit != 0 && i >= clientLimit) {
+ return null;
+ }
+
if (client) {
//* Non-talking client
if (