Hello we are using latest meeting sdk version 2.10
we are enabling gallery view by default as the only option also
we have a feature in which we want a chaperone enters a meeting with a certain role and this person must be a ghost , no mic no video and his participant card must also be hidden
I managed via dom editing to catch the one with role chaperone and hide his card , however the space for the card whateever I do is still their
any suggestions
const galleryVideoContainer = document.querySelector(
'.gallery-video-container__video-frame'
)
if (galleryVideoContainer) {
const avatar = document.querySelectorAll('.video-avatar__avatar-name')
let chaperonContainer = null
avatar.forEach((item) => {
if (
item.innerHTML === 'specialist' ||
item.innerHTML === 'Specialist' ||
item.innerHTML === 'SPECIALIST'
) {
item.parentNode.parentNode.parentNode.classList.add('specialist-card')
} else {
item.parentNode.parentNode.parentNode.classList.add('participant-card')
}
if (item.innerHTML === 'Chaperone') {
if (item.parentNode) {
chaperonContainer = item.parentNode.parentNode.parentNode
chaperonContainer.classList.add('chaperone-card')
}
}
})
}```