1 files changed, 40 insertions, 0 deletions
diff --git a/frontend/src/components/modals/username.js b/frontend/src/components/modals/username.js
new file mode 100644
index 00000000..61b52114
--- /dev/null
+++ b/frontend/src/components/modals/username.js
@@ -0,0 +1,40 @@
+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')}>
+    <Panel theme="info">
+      <PanelHeader>
+        What's your username ?
+        <Space auto />
+        <Close onClick={toggleModal('usernameModal')} />
+      </PanelHeader>
+      <Input
+        label="Username"
+        name="username"
+        placeholder="Cesar92"
+        rounded
+        type="text"
+      />
+      <PanelFooter>
+        <Space auto />
+        <Button
+          theme="success"
+          onClick={toggleModal('usernameModal')}
+          children="Ok"
+        />
+      </PanelFooter>
+    </Panel>
+  </Overlay>
+)
+
+export default Modal