File tree Expand file tree Collapse file tree 2 files changed +8
-8
lines changed Expand file tree Collapse file tree 2 files changed +8
-8
lines changed Original file line number Diff line number Diff line change @@ -4,17 +4,17 @@ export const ShareScreenIcon = () => (
4
4
) ;
5
5
6
6
export const MicOnIcon = ( ) => (
7
- < svg xmlns = "http://www.w3.org/2000/svg" height = "24 " viewBox = "0 0 24 24" width = " 24"> < path fill = "greenyellow" d = "M12 14c1.66 0 2.99-1.34 2.99-3L15 5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm5.3-3c0 3-2.54 5.1-5.3 5.1S6.7 14 6.7 11H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c3.28-.48 6-3.3 6-6.72h-1.7z" /> < path d = "M0 0h24v24H0z" fill = "none" /> </ svg >
7
+ < svg xmlns = "http://www.w3.org/2000/svg" width = "32" height = "32 " viewBox = "0 0 24 24" > < path fill = "greenyellow" d = "M12 14c1.66 0 2.99-1.34 2.99-3L15 5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm5.3-3c0 3-2.54 5.1-5.3 5.1S6.7 14 6.7 11H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c3.28-.48 6-3.3 6-6.72h-1.7z" /> < path d = "M0 0h24v24H0z" fill = "none" /> </ svg >
8
8
)
9
9
10
10
export const MicOffIcon = ( ) => (
11
- < svg xmlns = "http://www.w3.org/2000/svg" height = "24 " viewBox = "0 0 24 24" width = " 24"> < path d = "M0 0h24v24H0zm0 0h24v24H0z" fill = "none" /> < path fill = "greenyellow" d = "M19 11h-1.7c0 .74-.16 1.43-.43 2.05l1.23 1.23c.56-.98.9-2.09.9-3.28zm-4.02.17c0-.06.02-.11.02-.17V5c0-1.66-1.34-3-3-3S9 3.34 9 5v.18l5.98 5.99zM4.27 3L3 4.27l6.01 6.01V11c0 1.66 1.33 3 2.99 3 .22 0 .44-.03.65-.08l1.66 1.66c-.71.33-1.5.52-2.31.52-2.76 0-5.3-2.1-5.3-5.1H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c.91-.13 1.77-.45 2.54-.9L19.73 21 21 19.73 4.27 3z" /> </ svg >
11
+ < svg xmlns = "http://www.w3.org/2000/svg" width = "32" height = "32 " viewBox = "0 0 24 24" > < path d = "M0 0h24v24H0zm0 0h24v24H0z" fill = "none" /> < path fill = "greenyellow" d = "M19 11h-1.7c0 .74-.16 1.43-.43 2.05l1.23 1.23c.56-.98.9-2.09.9-3.28zm-4.02.17c0-.06.02-.11.02-.17V5c0-1.66-1.34-3-3-3S9 3.34 9 5v.18l5.98 5.99zM4.27 3L3 4.27l6.01 6.01V11c0 1.66 1.33 3 2.99 3 .22 0 .44-.03.65-.08l1.66 1.66c-.71.33-1.5.52-2.31.52-2.76 0-5.3-2.1-5.3-5.1H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c.91-.13 1.77-.45 2.54-.9L19.73 21 21 19.73 4.27 3z" /> </ svg >
12
12
)
13
13
14
14
export const CamOnIcon = ( ) => (
15
- < svg xmlns = "http://www.w3.org/2000/svg" height = "24 " viewBox = "0 0 24 24" width = " 24"> < path d = "M0 0h24v24H0z" fill = "none" /> < path fill = "greenyellow" d = "M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4z" /> </ svg >
15
+ < svg xmlns = "http://www.w3.org/2000/svg" width = "32" height = "32 " viewBox = "0 0 24 24" > < path d = "M0 0h24v24H0z" fill = "none" /> < path fill = "greenyellow" d = "M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4z" /> </ svg >
16
16
)
17
17
18
18
export const CamOffIcon = ( ) => (
19
- < svg xmlns = "http://www.w3.org/2000/svg" height = "24 " viewBox = "0 0 24 24" width = " 24"> < path d = "M0 0h24v24H0zm0 0h24v24H0z" fill = "none" /> < path fill = "greenyellow" d = "M21 6.5l-4 4V7c0-.55-.45-1-1-1H9.82L21 17.18V6.5zM3.27 2L2 3.27 4.73 6H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.21 0 .39-.08.54-.18L19.73 21 21 19.73 3.27 2z" /> </ svg >
19
+ < svg xmlns = "http://www.w3.org/2000/svg" width = "32" height = "32 " viewBox = "0 0 24 24" > < path d = "M0 0h24v24H0zm0 0h24v24H0z" fill = "none" /> < path fill = "greenyellow" d = "M21 6.5l-4 4V7c0-.55-.45-1-1-1H9.82L21 17.18V6.5zM3.27 2L2 3.27 4.73 6H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.21 0 .39-.08.54-.18L19.73 21 21 19.73 3.27 2z" /> </ svg >
20
20
)
Original file line number Diff line number Diff line change @@ -184,9 +184,9 @@ class Video extends React.Component {
184
184
>
185
185
{
186
186
this . state . micState ?(
187
- < MicOnIcon > </ MicOnIcon >
187
+ < MicOnIcon / >
188
188
) :(
189
- < MicOffIcon > </ MicOffIcon >
189
+ < MicOffIcon / >
190
190
)
191
191
}
192
192
</ button >
@@ -199,9 +199,9 @@ class Video extends React.Component {
199
199
>
200
200
{
201
201
this . state . camState ?(
202
- < CamOnIcon > </ CamOnIcon >
202
+ < CamOnIcon / >
203
203
) :(
204
- < CamOffIcon > </ CamOffIcon >
204
+ < CamOffIcon / >
205
205
)
206
206
}
207
207
</ button >
You can’t perform that action at this time.
0 commit comments