ConfirmHereModal component displays a modal asking the user to confirm their presence.
import React, { useState } from 'react';import { ConfirmHereModal } from 'mediasfu-reactjs';import { io } from 'socket.io-client';const App = () => { const [isModalVisible, setIsModalVisible] = useState(true); const socket = io("http://localhost:3000"); const localSocket = io("http://localhost:3001"); const handleCloseModal = () => setIsModalVisible(false); return ( <ConfirmHereModal isConfirmHereModalVisible={isModalVisible} onConfirmHereClose={handleCloseModal} backgroundColor="#83c0e9" countdownDuration={120} socket={socket} localSocket={socket} roomName="room1" member="user1" /> );};export default App; Copy
import React, { useState } from 'react';import { ConfirmHereModal } from 'mediasfu-reactjs';import { io } from 'socket.io-client';const App = () => { const [isModalVisible, setIsModalVisible] = useState(true); const socket = io("http://localhost:3000"); const localSocket = io("http://localhost:3001"); const handleCloseModal = () => setIsModalVisible(false); return ( <ConfirmHereModal isConfirmHereModalVisible={isModalVisible} onConfirmHereClose={handleCloseModal} backgroundColor="#83c0e9" countdownDuration={120} socket={socket} localSocket={socket} roomName="room1" member="user1" /> );};export default App;
The properties for ConfirmHereModal component.
The rendered ConfirmHereModal component.
Optional
Ignored by React.
Only kept in types for backwards compatibility. Will be removed in a future major release.
Used in debugging messages. You might want to set it explicitly if you want to display a different name for debugging purposes.
Legacy React Docs
const MyComponent: FC = () => { return <div>Hello!</div>}MyComponent.displayName = 'MyAwesomeComponent' Copy
const MyComponent: FC = () => { return <div>Hello!</div>}MyComponent.displayName = 'MyAwesomeComponent'
ConfirmHereModal component displays a modal asking the user to confirm their presence.
Example