diff --git a/packages/roomkit-react/src/Prebuilt/components/Chat/ChatFooter.tsx b/packages/roomkit-react/src/Prebuilt/components/Chat/ChatFooter.tsx index e581149b27..51f51f2123 100644 --- a/packages/roomkit-react/src/Prebuilt/components/Chat/ChatFooter.tsx +++ b/packages/roomkit-react/src/Prebuilt/components/Chat/ChatFooter.tsx @@ -2,7 +2,7 @@ import React, { ReactNode, useCallback, useEffect, useRef, useState } from 'reac import { useMedia } from 'react-use'; import data from '@emoji-mart/data'; import Picker from '@emoji-mart/react'; -import { HMSException, selectLocalPeer, useAVToggle, useHMSActions, useHMSStore } from '@100mslive/react-sdk'; +import { HMSException, selectLocalPeer, useHMSActions, useHMSStore } from '@100mslive/react-sdk'; import { EmojiIcon, PauseCircleIcon, SendIcon, VerticalMenuIcon } from '@100mslive/react-icons'; import { Box, config as cssConfig, Flex, IconButton as BaseIconButton, Popover, styled, Text } from '../../..'; import { IconButton } from '../../../IconButton'; @@ -89,8 +89,6 @@ export const ChatFooter = ({ onSend, children }: { onSend: (count: number) => vo const defaultSelection = useDefaultChatSelection(); const selection = selectedPeer.name || selectedRole || defaultSelection; const isLocalPeerBlacklisted = useIsPeerBlacklisted({ local: true }); - const { toggleAudio, toggleVideo } = useAVToggle(); - const noAVPermissions = !(toggleAudio || toggleVideo); const isMwebHLSStream = useMobileHLSStream(); const isLandscapeHLSStream = useLandscapeHLSStream(); @@ -275,7 +273,7 @@ export const ChatFooter = ({ onSend, children }: { onSend: (count: number) => vo }} gap="2" > - {noAVPermissions ? : null} + diff --git a/packages/roomkit-react/src/Prebuilt/components/ConferenceScreen.tsx b/packages/roomkit-react/src/Prebuilt/components/ConferenceScreen.tsx index 093766b05f..b75aebe5fe 100644 --- a/packages/roomkit-react/src/Prebuilt/components/ConferenceScreen.tsx +++ b/packages/roomkit-react/src/Prebuilt/components/ConferenceScreen.tsx @@ -6,7 +6,6 @@ import { selectAppData, selectIsConnectedToRoom, selectRoomState, - useAVToggle, useHMSActions, useHMSStore, } from '@100mslive/react-sdk'; @@ -54,8 +53,6 @@ export const ConferenceScreen = () => { const dropdownListRef = useRef(); const [isHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted); - const { toggleAudio, toggleVideo } = useAVToggle(); - const noAVPermissions = !(toggleAudio || toggleVideo); // using it in hls stream to show action button when chat is disabled const showChat = !!screenProps.elements?.chat; const autoRoomJoined = useRef(isPreviewScreenEnabled); @@ -202,7 +199,7 @@ export const ConferenceScreen = () => { justify="end" gap="2" > - {noAVPermissions ? : null} + {isMobile ? ( <> - {noAVPermissions ? : null} + {elements?.chat && }