test

Author: fuyan2024

packages/react-composites/src/composites/CallComposite/components/buttons/Camera.tsx

@@ -31,7 +31,6 @@ export const Camera = (props: {
   const role = useSelector(getRole);
 
   const turnVideoOnCapability = useSelector(getCapabilites)?.turnVideoOn;
-  console.log('hi there from camera.tsx', turnVideoOnCapability, _HighContrastAwareIcon);
 
   return (
     <CameraButton
@@ -42,7 +41,11 @@ export const Camera = (props: {
       enableDeviceSelectionMenu={props.splitButtonsForDeviceSelection}
       disableTooltip={props.disableTooltip}
       disabled={cameraButtonProps.disabled || props.disabled || !!(isRoomsCall && role === 'Unknown')}
-      onRenderOffIcon={undefined}
+      onRenderOffIcon={
+        turnVideoOnCapability && !turnVideoOnCapability.isPresent
+          ? () => <_HighContrastAwareIcon disabled={true} iconName={'ControlButtonCameraProhibited'} />
+          : undefined
+      }
       onClickVideoEffects={props.onClickVideoEffects}
       componentRef={props.componentRef}
     />