diff options
Diffstat (limited to 'frontend/src/components/modals')
-rw-r--r-- | frontend/src/components/modals/username.js | 31 |
1 files changed, 6 insertions, 25 deletions
diff --git a/frontend/src/components/modals/username.js b/frontend/src/components/modals/username.js index 826bce85..c00262a7 100644 --- a/frontend/src/components/modals/username.js +++ b/frontend/src/components/modals/username.js @@ -1,37 +1,18 @@ -import React from "react"; -import { - Overlay, - Panel, - PanelHeader, - PanelFooter, - Button, - Input, - Close, - Space -} from "rebass"; +import React from 'react'; +import { Overlay, Panel, PanelHeader, PanelFooter, Button, Input, Close, Space } from 'rebass'; const Modal = ({ modalOpen, toggleModal }) => ( - <Overlay open={modalOpen} onDismiss={toggleModal("usernameModal")}> + <Overlay open={modalOpen} onDismiss={toggleModal('usernameModal')}> <Panel theme="info"> <PanelHeader> What's your username ? <Space auto /> - <Close onClick={toggleModal("usernameModal")} /> + <Close onClick={toggleModal('usernameModal')} /> </PanelHeader> - <Input - label="Username" - name="username" - placeholder="Cesar92" - rounded - type="text" - /> + <Input label="Username" name="username" placeholder="Cesar92" rounded type="text" /> <PanelFooter> <Space auto /> - <Button - theme="success" - onClick={toggleModal("usernameModal")} - children="Ok" - /> + <Button theme="success" onClick={toggleModal('usernameModal')} children="Ok" /> </PanelFooter> </Panel> </Overlay> |