jketreno/ai-voicebot
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Video default to same size

Browse Source
This commit is contained in:
James Ketr 2025-09-16 10:07:24 -07:00
parent adcfdeabfa
commit e5f45f43b3
1 changed files with 2 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
client/src/UserList.tsx
View File

@ -38,7 +38,6 @@ const UserList: React.FC<UserListProps> = (props: UserListProps) => {
const { socketUrl, session, lobbyId } = props; const { socketUrl, session, lobbyId } = props;
const [users, setUsers] = useState<User[] | null>(null); const [users, setUsers] = useState<User[] | null>(null);
const [peers, setPeers] = useState<Record<string, Peer>>({}); const [peers, setPeers] = useState<Record<string, Peer>>({});
const [videoClass, setVideoClass] = useState<string>("Large");
// Bot configuration state // Bot configuration state
const [botConfigDialogOpen, setBotConfigDialogOpen] = useState(false); const [botConfigDialogOpen, setBotConfigDialogOpen] = useState(false);
@ -127,7 +126,6 @@ const UserList: React.FC<UserListProps> = (props: UserListProps) => {
user.local = user.session_id === session.id; user.local = user.session_id === session.id;
}); });
lobby_state.participants.sort(sortUsers); lobby_state.participants.sort(sortUsers);
setVideoClass(lobby_state.participants.length <= 2 ? "Medium" : "Small");
setUsers(lobby_state.participants); setUsers(lobby_state.participants);
break; break;
default: default:
@ -148,7 +146,7 @@ const UserList: React.FC<UserListProps> = (props: UserListProps) => {
return ( return (
<Box sx={{ position: "relative", width: "100%" }}> <Box sx={{ position: "relative", width: "100%" }}>
<Paper <Paper
className={`UserList ${videoClass}`} className={`UserList Medium`}
sx={{ sx={{
maxWidth: { xs: "100%", sm: 500 }, maxWidth: { xs: "100%", sm: 500 },
p: { xs: 1, sm: 2 }, p: { xs: 1, sm: 2 },
@ -211,7 +209,7 @@ const UserList: React.FC<UserListProps> = (props: UserListProps) => {
</Box> </Box>
{user.name && user.live && peers[user.session_id] && (user.local || user.has_media !== false) ? ( {user.name && user.live && peers[user.session_id] && (user.local || user.has_media !== false) ? (
<MediaControl <MediaControl
className={videoClass} className="Medium"
key={user.session_id} key={user.session_id}
peer={peers[user.session_id]} peer={peers[user.session_id]}
isSelf={user.local} isSelf={user.local}