Github/uno-online
1
0
Fork 1
mirror of https://github.com/mizanxali/uno-online synced 2025-12-06 18:23:27 +00:00
Code Issues Projects Releases Wiki Activity

Added game code generator

Browse Source
This commit is contained in:
Mizanali Panjwani
2021-02-22 21:15:04 +05:30
parent 0fefbf1d45
commit bfe3fb5374
3 changed files with 15 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
client/src/components/Homepage.js
View File

@@ -1,5 +1,6 @@
import React, { useState } from 'react'
import { Link } from 'react-router-dom'
import randomCodeGenerator from '../utils/randomCodeGenerator'
const Homepage = () => {
const [roomCode, setRoomCode] = useState('')
@@ -7,8 +8,10 @@ const Homepage = () => {
return (
<div className='Homepage'>
<h1>UNO</h1>
<div><input type='text' placeholder='Room' onChange={(event) => setRoomCode(event.target.value)} /></div>
<Link to={`/play?roomCode=${roomCode}`}><button>START GAME</button></Link>
<div><input type='text' placeholder='Game Code' onChange={(event) => setRoomCode(event.target.value)} /></div>
<Link to={`/play?roomCode=${roomCode}`}><button>JOIN GAME</button></Link>
<h1>OR</h1>
<Link to={`/play?roomCode=${randomCodeGenerator(5)}`}><button>CREATE GAME</button></Link>
</div>
)
}