/
rxeev
/
react-code-editor
Обзор
Документация
Войти
/
rxeev
/
react-code-editor
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
src/components/Header/Header.js
40 строк
1 KB
unknown
full
13 сен 2022, 18:04
13 сен 2022, 18:04
27c0be7
Код
Авторство
О чём код?
import React from 'react' import styles from './Header.module.css' import { BsFillCameraVideoFill, BsFillCameraVideoOffFill } from 'react-icons/bs' import Webcam from 'react-webcam' export const Header = () => { const [camera, setCamera] = React.useState(false) return ( <> <header className={styles.header}> <button onClick={()=> setCamera(!camera)} className={styles.btn}> {camera ? <BsFillCameraVideoFill fill='#fff' size={23} /> : <BsFillCameraVideoOffFill fill='#fff' size={23} />} </button> </header > { camera ? <Webcam className={styles.camera} audio={false} width={300} height={300} videoConstraints={{ width: 300, height:300, facingMode: 'user', }} /> :null } </> ) }