components MicOnOff.tsx

100% Statements 5/5

100% Branches 2/2

100% Functions 2/2

100% Lines 5/5

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26  
 
 
 
 
 
 
 
18x
18x
6x
6x
 
18x
 
 
 
 
 
 
 
 
 
 
 
  import React, {useState} from 'react';
import {AudioOutlined, AudioMutedOutlined} from '@ant-design/icons';
 
export interface MicOnOffProps {
  setIsMicOn: (arg0: boolean) => void;
}
 
function MicOnOff(props: MicOnOffProps): JSX.Element {
  const [mic, setMic] = useState(true);
  const onClick = () => {
    setMic(!mic);
    props.setIsMicOn(!mic);
  };
  return (
    <div>
      {mic ? (
        <AudioOutlined className="navbar_button" onClick={onClick} />
      ) : (
        <AudioMutedOutlined className="navbar_button" onClick={onClick} />
      )}
    </div>
  );
}
 
export default MicOnOff;