diff --git a/src/modals/StartModal.js b/src/modals/StartModal.js index 91d274c..45c8057 100644 --- a/src/modals/StartModal.js +++ b/src/modals/StartModal.js @@ -1,4 +1,4 @@ -import React, { useState, useContext } from "react"; +import React, { useState, useContext, useRef } from "react"; import { Box, Label, Input, Button, Flex, Checkbox } from "theme-ui"; import { useHistory } from "react-router-dom"; import shortid from "shortid"; @@ -28,8 +28,17 @@ function StartModal({ isOpen, onRequestClose }) { history.push(`/game/${shortid.generate()}`); } + const inputRef = useRef(); + function focusInput() { + inputRef.current && inputRef.current.focus(); + } + return ( - +