fix: fix action repush and will display repeated user

Author: moonrailgun

pnpm-lock.yaml

@@ -12,9 +12,11 @@
     "@livekit/components-react": "^1.0.8",
     "@livekit/components-styles": "^1.0.4",
     "livekit-client": "^1.12.1",
+    "lodash": "^4.17.21",
     "zustand": "4.3.6"
   },
   "devDependencies": {
+    "@types/lodash": "^4.14.196",
     "@types/styled-components": "^5.1.26",
     "react": "18.2.0",
     "styled-components": "^5.3.6"

server/plugins/com.msgbyte.livekit/web/plugins/com.msgbyte.livekit/package.json

@@ -2,6 +2,7 @@ import { useGlobalSocketEvent, useWatch } from '@capital/common';
 import { Avatar, Tooltip, UserAvatar, UserName } from '@capital/component';
 import React, { useEffect, useState } from 'react';
 import { useRoomParticipants } from '../utils/useRoomParticipants';
+import _uniqBy from 'lodash/uniqBy';
 
 export const LivekitPanelBadge: React.FC<{
   groupId: string;
@@ -32,7 +33,9 @@ export const LivekitPanelBadge: React.FC<{
         payload.panelId === props.panelId &&
         payload.participant
       ) {
-        setDisplayParticipants((state) => [...state, payload.participant]);
+        setDisplayParticipants((state) =>
+          _uniqBy([...state, payload.participant], 'sid')
+        );
       }
     }
   );