🎲 5x5 Tic-Tac-Toe
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

46 lines
941 B

5 years ago
  1. import React from 'react'
  2. import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider'
  3. import Dialog from 'material-ui/Dialog'
  4. import FlatButton from 'material-ui/FlatButton'
  5. import TextField from 'material-ui/TextField'
  6. import Board from '../board/Board'
  7. const actions = [
  8. <FlatButton
  9. label="Cancel"
  10. primary
  11. onTouchTap={() => null}
  12. />,
  13. <FlatButton
  14. label="Submit"
  15. primary
  16. keyboardFocused
  17. onTouchTap={() => null}
  18. />,
  19. ]
  20. function Home() {
  21. return (
  22. <MuiThemeProvider>
  23. <div className="container home">
  24. <h1>5x5 Tic-Tac-Toe</h1>
  25. <Board />
  26. <Dialog
  27. title="What's your name, hoss?"
  28. actions={actions}
  29. modal={false}
  30. open={false}
  31. onRequestClose={() => null}
  32. >
  33. <TextField
  34. hintText="thedailyserver"
  35. />
  36. </Dialog>
  37. </div>
  38. </MuiThemeProvider>
  39. )
  40. }
  41. export default Home