2021-02-22 15:34:17 +00:00
|
|
|
import React, { useState } from 'react'
|
2021-02-11 21:44:37 +00:00
|
|
|
import { Link } from 'react-router-dom'
|
2021-02-11 20:01:04 +00:00
|
|
|
|
2021-02-17 01:34:27 +00:00
|
|
|
const Homepage = () => {
|
2021-02-22 15:34:17 +00:00
|
|
|
const [roomCode, setRoomCode] = useState('')
|
|
|
|
|
2021-02-11 20:01:04 +00:00
|
|
|
return (
|
2021-02-12 10:31:40 +00:00
|
|
|
<div className='Homepage'>
|
2021-02-14 15:19:21 +00:00
|
|
|
<h1>UNO</h1>
|
2021-02-22 15:34:17 +00:00
|
|
|
<div><input type='text' placeholder='Room' onChange={(event) => setRoomCode(event.target.value)} /></div>
|
|
|
|
<Link to={`/play?roomCode=${roomCode}`}><button>START GAME</button></Link>
|
2021-02-11 20:01:04 +00:00
|
|
|
</div>
|
|
|
|
)
|
|
|
|
}
|
|
|
|
|
2021-02-17 01:34:27 +00:00
|
|
|
export default Homepage
|