import React from 'react'

import Button from 'components/Button'

import { useSocket } from './contexts/SocketContext'

const ButtonContainer = ({channelId}) => {

  const socket = useSocket()

  const handlePress = () => {
    socket.emit('join_channel', { channelId })
  }

  return (
    <Button onPress={handlePress}>
     Join Channel
    </Button>
  )
}

export default ButtonContainer