Update prettier config and reformat

Here's the discussion summary:
- single quote, because that's what I'm used to in the JS world
- trailing comma, to avoid unnecessary git changes
- print-width 120, because 120 still doesn't require to scroll horizontally, and vertical space is precious

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>