reuterShawn/remnantchat
1
0
Fork 0
forked from Shiloh/remnantchat
Code Pull Requests Activity

refactor: simplify Room loading

Browse Source
This commit is contained in:
Jeremy Kahn 2022-08-17 09:10:36 -05:00
parent 7cb7e5fdd5
commit 96f2991209
1 changed files with 7 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/components/Room/Room.tsx
View File

@ -3,14 +3,15 @@ import Button from '@mui/material/Button'
import Typography from '@mui/material/Typography'
import { usePeerRoom, usePeerRoomAction, PeerActions } from 'hooks/usePeerRoom'
import { PeerRoom } from 'services/PeerRoom'
interface RoomProps {
peerRoom: PeerRoom
roomId: string
}
export function Room() {
const { roomId = '' } = useParams()
const peerRoom = usePeerRoom({
appId: `${encodeURI(window.location.origin)}_${process.env.REACT_APP_NAME}`,
roomId,
})
function Room({ peerRoom, roomId }: RoomProps) {
const [sendMessage, receiveMessage] = usePeerRoomAction<string>(
peerRoom,
PeerActions.MESSAGE
@ -37,20 +38,3 @@ function Room({ peerRoom, roomId }: RoomProps) {
</div>
)
}
function RoomLoader() {
const { roomId = '' } = useParams()
const peerRoom = usePeerRoom({
appId: `${encodeURI(window.location.origin)}_${process.env.REACT_APP_NAME}`,
roomId,
})
if (peerRoom) {
return <Room peerRoom={peerRoom} roomId={roomId} />
} else {
return <>Loading...</>
}
}
export { RoomLoader as Room }