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 (