summaryrefslogtreecommitdiff
path: root/frontend/src/components/modals
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/src/components/modals')
-rw-r--r--frontend/src/components/modals/username.js31
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>
bgstack15