Unmute alert at top and show micOff for me

edumeet · Oct 11, 2024 · 4080afd · 4080afd
1 parent 663cf0c
commit 4080afd
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 6 deletions.
diff --git a/src/components/stateindicators/MeStateIndicators.tsx b/src/components/stateindicators/MeStateIndicators.tsx
@@ -3,12 +3,12 @@ import RaiseHand from '@mui/icons-material/BackHand';
 import { useAppSelector } from '../../store/hooks';
 
 const MeStateIndicators = (): JSX.Element => {
-	const micEnabled = useAppSelector((state) => state.me.micEnabled);
+	const audioMuted = useAppSelector((state) => state.me.audioMuted);
 	const raisedHand = useAppSelector((state) => state.me.raisedHand);
 
 	return (
 		<>
-			{ !micEnabled && <MicOff color='error' fontSize='small' /> }
+			{ audioMuted && <MicOff color='error' fontSize='small' /> }
 			{ raisedHand && <RaiseHand fontSize='small' /> }
 		</>
 	);

diff --git a/src/components/unmutealert/UnmuteAlert.tsx b/src/components/unmutealert/UnmuteAlert.tsx
@@ -7,10 +7,7 @@ import { useAppSelector } from '../../store/hooks';
 
 const StyledAlert = styled(Alert)(() => ({
 	position: 'absolute',
-	width: '40%',
-	left: '50%',
-	top: '50%',
-	transform: 'translate(-50%, -50%)',
+	width: '100%',
 	transition: 'opacity 0.5s ease',
 	textAlign: 'center',
 	opacity: 0,