diff --git a/front/.eslintrc.json b/front/.eslintrc.json
index 9d616e9..56e4146 100644
--- a/front/.eslintrc.json
+++ b/front/.eslintrc.json
@@ -26,6 +26,7 @@
     "no-multiple-empty-lines": "error",
     "no-unused-vars": ["error", { "argsIgnorePattern": "_" }],
     "object-curly-spacing": ["error", "always"],
+    "react/jsx-curly-spacing": ["error", { "when": "always" }],
     "react/prop-types": "off",
     "sort-imports": ["error", { "ignoreCase": true }],
     "sort-keys": "error",
diff --git a/front/src/Component/App.js b/front/src/Component/App.js
index 0892dd4..e36466e 100644
--- a/front/src/Component/App.js
+++ b/front/src/Component/App.js
@@ -11,7 +11,7 @@ import TextEditor from './Container/TextEditor/TextEditor'
 const App = ({
   store,
 }) =>
-  <Provider store={store}>
+  <Provider store={ store }>
     <main>
       <BrightcovePlayer/>
       <MediaPicker/>
diff --git a/front/src/Component/Container/Tweet/Tweet.js b/front/src/Component/Container/Tweet/Tweet.js
index 9737e31..1ab20f6 100644
--- a/front/src/Component/Container/Tweet/Tweet.js
+++ b/front/src/Component/Container/Tweet/Tweet.js
@@ -33,7 +33,7 @@ const didMount = ({
 const View = ({
   uid,
 }) =>
-  <div id={`tweet-${uid}`}></div>
+  <div id={ `tweet-${ uid }` }></div>
 
 // lifecycles :: React.Component -> React.Component
 const lifecycles = compose(
diff --git a/front/src/Component/View/BrightcovePlayer/BrightcoveVideo.js b/front/src/Component/View/BrightcovePlayer/BrightcoveVideo.js
index 8f09f57..81f4c68 100644
--- a/front/src/Component/View/BrightcovePlayer/BrightcoveVideo.js
+++ b/front/src/Component/View/BrightcovePlayer/BrightcoveVideo.js
@@ -20,30 +20,30 @@ const BrightcoveVideo = ({
    */
   <div
     className="video-wrapper knp-rendered-video"
-    key={uniqid(videoId)}
-    data-video-id={videoId}
-    contentEditable={false}
+    key={ uniqid(videoId) }
+    data-video-id={ videoId }
+    contentEditable={ false }
   >
-    {editable &&
+    { editable &&
       <p
         className="knp-btn icomoon-font replace-video"
-        onClick={action}
+        onClick={ action }
       >p</p>
     }
-    {isReady &&
+    { isReady &&
       <video
         className="video-js"
         data-embed="default"
-        data-video-id={videoId}
-        data-player={playerId}
-        data-account={accountId}
-        data-application-id={true}
-        controls={true}
-        autoPlay={false}
+        data-video-id={ videoId }
+        data-player={ playerId }
+        data-account={ accountId }
+        data-application-id={ true }
+        controls={ true }
+        autoPlay={ false }
       ></video>
     }
-    {!isNil(name) &&
-      <figcaption>{name}</figcaption>
+    { !isNil(name) &&
+      <figcaption>{ name }</figcaption>
     }
   </div>
 
diff --git a/front/src/Component/View/List/NoResult.js b/front/src/Component/View/List/NoResult.js
index 11f2e0a..c6ff578 100644
--- a/front/src/Component/View/List/NoResult.js
+++ b/front/src/Component/View/List/NoResult.js
@@ -6,20 +6,20 @@ import React from 'react'
 
 // NoResult :: Props -> React.Component
 const NoResult = ({
-  resource,
+  children,
   collection,
   isLoading,
-  children,
+  resource,
 }) =>
   <React.Fragment>
-    {(!isLoading && isEmpty(collection)) &&
+    { (!isLoading && isEmpty(collection)) &&
       <div className="message is-info">
         <div className="message-body">
-          There is no {resource} matching your search criterias.
+          There is no { resource } matching your search criterias.
         </div>
       </div>
     }
-    {!isEmpty(collection) && children}
+    { !isEmpty(collection) && children }
   </React.Fragment>
 
 export default NoResult;
diff --git a/front/src/Component/View/MediaPicker/ImagePicker.js b/front/src/Component/View/MediaPicker/ImagePicker.js
index b5dfb60..37ab0af 100644
--- a/front/src/Component/View/MediaPicker/ImagePicker.js
+++ b/front/src/Component/View/MediaPicker/ImagePicker.js
@@ -19,28 +19,28 @@ const ImagePicker = ({
   <div data-is="image-picker">
     {/* scroll left */}
     <p
-      onClick={scrollLeft}
-      className={`btn-knp left is-pulled-left is-hidden-mobile ${page > 1 ? 'show' : ''}`}
+      onClick={ scrollLeft }
+      className={ `btn-knp left is-pulled-left is-hidden-mobile ${ page > 1 ? 'show' : '' }` }
     >
       <span className="icomoon-font">l</span>
     </p>
     {/* scroll right */}
     <p
-      onClick={scrollRight}
-      className={`btn-knp right is-pulled-right is-hidden-mobile ${containsTenItems(images) ? 'show' : ''}`}
+      onClick={ scrollRight }
+      className={ `btn-knp right is-pulled-right is-hidden-mobile ${ containsTenItems(images) ? 'show' : '' }` }
     >
       <span className="icomoon-font">r</span>
     </p>
 
     {/* search result container */}
     <div className="images">
-      <NoResult resource="image" collection={images} isLoading={isFetching}>
+      <NoResult resource="image" collection={ images } isLoading={ isFetching }>
         <div className="images-wrapper">
           <div className="row">
-            {renderImages(images.slice(0, 5), pickImage, domain, extra)}
+            { renderImages(images.slice(0, 5), pickImage, domain, extra) }
           </div>
           <div className="row">
-            {renderImages(images.slice(5, 10), pickImage, domain, extra)}
+            { renderImages(images.slice(5, 10), pickImage, domain, extra) }
           </div>
         </div>
       </NoResult>
@@ -49,11 +49,11 @@ const ImagePicker = ({
 
 // renderImages :: ([Image], Function, String, Object) -> React.Component
 const renderImages = (images, pickImage, domain, extra) => images.map(image =>
-  <div key={image.id} className="image">
+  <div key={ image.id } className="image">
     <img
-      onClick={() => pickImage(image.id, domain, extra)}
-      src={image.href}
-      alt={image.legend}
+      onClick={ () => pickImage(image.id, domain, extra) }
+      src={ image.href }
+      alt={ image.legend }
     />
   </div>,
 )
diff --git a/front/src/Component/View/MediaPicker/MediaPicker.js b/front/src/Component/View/MediaPicker/MediaPicker.js
index 76e1cec..b710769 100644
--- a/front/src/Component/View/MediaPicker/MediaPicker.js
+++ b/front/src/Component/View/MediaPicker/MediaPicker.js
@@ -5,31 +5,31 @@ import VideoPicker from '../../Container/MediaPicker/VideoPicker'
 
 // MediaPicker :: Props -> React.Component
 const MediaPicker = ({
-  isOpened,
   close,
   isFetchingImages,
   isFetchingVideos,
   isImagePickerOpened,
+  isOpened,
   isVideoPickerOpened,
+  openImagePicker,
   searchImages,
   searchVideos,
-  openImagePicker,
 }) =>
-  <div data-is="media-picker" className={`${!isOpened ? 'closed' : ''}`}>
+  <div data-is="media-picker" className={ `${ !isOpened ? 'closed' : '' }` }>
     <div className="search-images">
-      <form onSubmit={e => e.preventDefault()}>
+      <form onSubmit={ e => e.preventDefault() }>
         { isImagePickerOpened &&
           <div className="field">
-            <div className={`control has-icons-left ${isFetchingImages ? 'is-loading' : ''}`}>
-              <input className="input" type="text" onKeyUp={searchImages} placeholder="Search images (Estonia)"/>
+            <div className={ `control has-icons-left ${ isFetchingImages ? 'is-loading' : '' }` }>
+              <input className="input" type="text" onKeyUp={ searchImages } placeholder="Search images (Estonia)"/>
               <span className="icomoon-font icon is-small is-left">s</span>
             </div>
           </div>
         }
         { isVideoPickerOpened &&
           <div className="field">
-            <div className={`control has-icons-left ${isFetchingVideos ? 'is-loading' : ''}`}>
-              <input className="input" type="text" onKeyUp={searchVideos} placeholder="Search videos"/>
+            <div className={ `control has-icons-left ${ isFetchingVideos ? 'is-loading' : '' }` }>
+              <input className="input" type="text" onKeyUp={ searchVideos } placeholder="Search videos"/>
               <span className="icomoon-font icon is-small is-left">s</span>
             </div>
           </div>
@@ -37,8 +37,8 @@ const MediaPicker = ({
         <ul className="picker-buttons">
           <li>
             <p
-              className={`image-mode btn-knp ${isImagePickerOpened ? 'active' : ''}`}
-              onClick={e => isImagePickerOpened ? e.preventDefault() : openImagePicker()}
+              className={ `image-mode btn-knp ${isImagePickerOpened ? 'active' : '' }` }
+              onClick={ e => isImagePickerOpened ? e.preventDefault() : openImagePicker() }
             ><span className="icomoon-font">c</span></p>
           </li>
           {/* @TODO fix this features before re-enabling
@@ -54,10 +54,10 @@ const MediaPicker = ({
     </div>
 
     { isImagePickerOpened && <ImagePicker/> }
-    { isVideoPickerOpened && <VideoPicker/>}
+    { isVideoPickerOpened && <VideoPicker/> }
 
     <p className="btn-knp close">
-      <span className="icomoon-font" onClick={close}>e</span>
+      <span className="icomoon-font" onClick={ close }>e</span>
     </p>
   </div>
 
diff --git a/front/src/Component/View/MediaPicker/VideoPicker.js b/front/src/Component/View/MediaPicker/VideoPicker.js
index 7885660..806ddb3 100644
--- a/front/src/Component/View/MediaPicker/VideoPicker.js
+++ b/front/src/Component/View/MediaPicker/VideoPicker.js
@@ -14,22 +14,22 @@ import React from 'react'
 
 // VideoPicker :: Props -> React.Component
 const VideoPicker = ({
-  videos,
+  page,
   scrollLeft,
   scrollRight,
-  page,
+  videos,
   ...restProps
 }) =>
   <div data-is="video-picker">
     {/* scroll left */}
     <p
-      onClick={scrollLeft}
-      className={`btn-knp left is-pulled-left icomoon-font ${page > 1 ? 'show' : ''}`}
+      onClick={ scrollLeft }
+      className={ `btn-knp left is-pulled-left icomoon-font ${ page > 1 ? 'show' : '' }` }
     >l</p>
     {/* scroll right */}
     <p
-      onClick={scrollRight}
-      className={`btn-knp right is-pulled-right icomoon-font ${containsTenItems(videos) ? 'show' : ''}`}
+      onClick={ scrollRight }
+      className={ `btn-knp right is-pulled-right icomoon-font ${ containsTenItems(videos) ? 'show' : '' }` }
     >r</p>
 
     {/* search result container */}
@@ -42,10 +42,10 @@ const VideoPicker = ({
         </div> :
         <div className="videos-wrapper">
           <div className="columns">
-            {compose(renderVideos(restProps), nth(0), splitMedias)(videos)}
+            { compose(renderVideos(restProps), nth(0), splitMedias)(videos) }
           </div>
           <div className="columns">
-            {compose(renderVideos(restProps), nth(1), splitMedias)(videos)}
+            { compose(renderVideos(restProps), nth(1), splitMedias)(videos) }
           </div>
         </div>
       }
@@ -54,12 +54,12 @@ const VideoPicker = ({
 
 // renderVideos :: Props -> [Video] -> React.Component
 const renderVideos = props => map(video =>
-  <div key={video.id} className="column is-one-fifth video">
+  <div key={ video.id } className="column is-one-fifth video">
     <img
-      title={video.name}
-      onClick={() => props.pickVideo(video.id, props.domain, props.extra)}
-      src={video.poster}
-      alt={video.name}
+      title={ video.name }
+      onClick={ () => props.pickVideo(video.id, props.domain, props.extra) }
+      src={ video.poster }
+      alt={ video.name }
     />
   </div>,
 )
diff --git a/front/src/Component/View/TextEditor/InsertTweet.js b/front/src/Component/View/TextEditor/InsertTweet.js
index dc4e1a8..5012341 100644
--- a/front/src/Component/View/TextEditor/InsertTweet.js
+++ b/front/src/Component/View/TextEditor/InsertTweet.js
@@ -5,14 +5,14 @@ const InsertTweet = ({
   fetching = false,
   submit,
 }) =>
-  <form className="insert-tweet" onSubmit={submit}>
-    <div className={`control ${fetching ? 'is-loading' : ''}`}>
+  <form className="insert-tweet" onSubmit={ submit }>
+    <div className={ `control ${ fetching ? 'is-loading' : '' }` }>
       <input
         className="input"
         type="url"
         name="tweetLink"
         placeholder="Tweet link"
-        autoFocus={true}
+        autoFocus={ true }
       />
     </div>
   </form>
diff --git a/front/src/Component/View/TextEditor/InsertYoutubeVideo.js b/front/src/Component/View/TextEditor/InsertYoutubeVideo.js
index 1609506..8cc8ae9 100644
--- a/front/src/Component/View/TextEditor/InsertYoutubeVideo.js
+++ b/front/src/Component/View/TextEditor/InsertYoutubeVideo.js
@@ -4,14 +4,14 @@ import React from 'react'
 const InsertYoutubeVideo = ({
   submit,
 }) =>
-  <form className="insert-youtube" onSubmit={submit}>
+  <form className="insert-youtube" onSubmit={ submit }>
     <div className="control">
       <input
         className="input"
         type="url"
         name="youtubeLink"
         placeholder="Youtube link"
-        autoFocus={true}
+        autoFocus={ true }
       />
     </div>
   </form>
diff --git a/front/src/Component/View/TextEditor/ParagraphToolbox.js b/front/src/Component/View/TextEditor/ParagraphToolbox.js
index bdaeb42..b1f4dc0 100644
--- a/front/src/Component/View/TextEditor/ParagraphToolbox.js
+++ b/front/src/Component/View/TextEditor/ParagraphToolbox.js
@@ -6,26 +6,26 @@ import React from 'react'
 // ParagraphToolbox :: Props -> React.Component
 const ParagraphToolbox = ({
   closeInsertTweet,
+  closeInsertYoutubeVideo,
   editorName,
   insertTweetOpened = false,
+  insertYoutubeVideoOpened = false,
   isVisible = false,
+  mediaPickerOpened,
   openInsertTweet,
+  openInsertYoutubeVideo,
   openMediaPicker,
   top = 0,
-  insertYoutubeVideoOpened = false,
-  openInsertYoutubeVideo,
-  closeInsertYoutubeVideo,
-  mediaPickerOpened,
 }) =>
   <aside
-    className={`paragraph-toolbox ${isVisible ? 'visible' : ''}`}
-    style={{ top: top - 5 + 'px' }}
+    className={ `paragraph-toolbox ${ isVisible ? 'visible' : '' }` }
+    style={ { top: top - 5 + 'px' } }
   >
     <ul>
       <li>
         <button
-          className={`btn-knp icomoon-font ${mediaPickerOpened ? 'active' : ''}`}
-          onClick={() => openMediaPicker('TEXT_EDITOR', { editorName })}
+          className={ `btn-knp icomoon-font ${ mediaPickerOpened ? 'active' : '' }` }
+          onClick={ () => openMediaPicker('TEXT_EDITOR', { editorName }) }
         >é</button>
       </li>
       {/* @TODO fix these features before re-enabling this
@@ -38,19 +38,19 @@ const ParagraphToolbox = ({
       */}
       <li>
         <button
-          className={`btn-knp icomoon-font ${insertTweetOpened ? 'active' : ''}`}
-          onClick={ insertTweetOpened ? closeInsertTweet : openInsertTweet}
+          className={ `btn-knp icomoon-font ${ insertTweetOpened ? 'active' : '' }` }
+          onClick={ insertTweetOpened ? closeInsertTweet : openInsertTweet }
         >0</button>
       </li>
       <li>
         <button
-          className={`btn-knp icomoon-font ${insertYoutubeVideoOpened ? 'active' : ''}`}
+          className={ `btn-knp icomoon-font ${ insertYoutubeVideoOpened ? 'active' : '' }` }
           onClick={ insertYoutubeVideoOpened ? closeInsertYoutubeVideo: openInsertYoutubeVideo }
         >Y</button>
       </li>
     </ul>
-    { insertTweetOpened && <InsertTweet editorName={editorName} /> }
-    { insertYoutubeVideoOpened && <InsertYoutubeVideo editorName={editorName} /> }
+    { insertTweetOpened && <InsertTweet editorName={ editorName } /> }
+    { insertYoutubeVideoOpened && <InsertYoutubeVideo editorName={ editorName } /> }
   </aside>
 
 export default ParagraphToolbox;
diff --git a/front/src/Component/View/TextEditor/TextEditor.js b/front/src/Component/View/TextEditor/TextEditor.js
index 05f2cd3..76b30e6 100644
--- a/front/src/Component/View/TextEditor/TextEditor.js
+++ b/front/src/Component/View/TextEditor/TextEditor.js
@@ -5,27 +5,27 @@ import TextToolbox from '../../Container/TextEditor/TextToolbox'
 
 // TextEditor :: Props -> React.Component
 const TextEditor = ({
+  children,
   click,
   editorName,
   keyDown,
   paste,
   selectText,
-  children,
 }) =>
   <div className="text-editor">
-    <ParagraphToolbox editorName={editorName} />
-    <TextToolbox editorName={editorName} />
+    <ParagraphToolbox editorName={ editorName } />
+    <TextToolbox editorName={ editorName } />
     <article
-      data-editor-name={editorName}
+      data-editor-name={ editorName }
       className="edited-text-root"
-      contentEditable={true}
-      suppressContentEditableWarning={true}
-      onClick={e => click(editorName, e.target)}
-      onKeyDown={keyDown}
-      onPaste={paste}
-      onSelect={() => selectText(editorName)}
+      contentEditable={ true }
+      suppressContentEditableWarning={ true }
+      onClick={ e => click(editorName, e.target) }
+      onKeyDown={ keyDown }
+      onPaste={ paste }
+      onSelect={ () => selectText(editorName) }
     >
-      {children}
+      { children }
     </article>
   </div>
 
diff --git a/front/src/Component/View/TextEditor/TextToolbox.js b/front/src/Component/View/TextEditor/TextToolbox.js
index 2a8bb34..a27c103 100644
--- a/front/src/Component/View/TextEditor/TextToolbox.js
+++ b/front/src/Component/View/TextEditor/TextToolbox.js
@@ -9,77 +9,77 @@ const TextToolbox = ({
   closeLinkCreator,
   handleLinkButton,
   handleLinkForm,
+  isBold,
+  isItalic,
+  isLink,
   isLinkCreatorOpened,
+  isQuote,
+  isTitle,
+  isUnderline,
   isVisible,
   mutate,
   top,
-  isBold,
-  isItalic,
-  isUnderline,
-  isTitle,
-  isQuote,
-  isLink,
 }) =>
   <aside
-    className={`text-toolbox ${isVisible ? 'visible' : ''}`}
-    style={{ top: top - 60 + 'px' }}
+    className={ `text-toolbox ${ isVisible ? 'visible' : '' }` }
+    style={ { top: top - 60 + 'px' } }
   >
-    {!isLinkCreatorOpened &&
+    { !isLinkCreatorOpened &&
       <ul>
         <li>
           <button
-            className={`ttbx-mutation icomoon-font ${isTitle ? 'active' : ''} ${isQuote ? 'disabled' : ''}`}
-            onClick={() => mutate(isTitle ? 'PARAGRAPH' : 'TITLE')}
-            disabled={isQuote}
+            className={ `ttbx-mutation icomoon-font ${ isTitle ? 'active' : '' } ${ isQuote ? 'disabled' : '' }` }
+            onClick={ () => mutate(isTitle ? 'PARAGRAPH' : 'TITLE') }
+            disabled={ isQuote }
           >T</button>
         </li>
         <li>
           <button
-            className={`ttbx-mutation icomoon-font ${isItalic ? 'active' : ''} ${or(isTitle, isQuote) ? 'disabled' : ''}`}
-            onClick={() => mutate('ITALIC')}
-            disabled={or(isTitle, isQuote)}
+            className={ `ttbx-mutation icomoon-font ${ isItalic ? 'active' : '' } ${ or(isTitle, isQuote) ? 'disabled' : '' }` }
+            onClick={ () => mutate('ITALIC') }
+            disabled={ or(isTitle, isQuote) }
           >5</button></li>
         <li>
           <button
-            className={`ttbx-mutation icomoon-font ${isBold ? 'active' : ''} ${isTitle ? 'disabled' : ''}`}
-            onClick={() => mutate('BOLD')}
-            disabled={isTitle}
+            className={ `ttbx-mutation icomoon-font ${ isBold ? 'active' : '' } ${ isTitle ? 'disabled' : '' }` }
+            onClick={ () => mutate('BOLD') }
+            disabled={ isTitle }
           >4</button></li>
         <li>
           <button
-            className={`ttbx-mutation icomoon-font ${isUnderline ? 'active' : ''} ${isTitle ? 'disabled' : ''}`}
-            onClick={() => mutate('UNDERLINE')}
-            disabled={isTitle}
+            className={ `ttbx-mutation icomoon-font ${ isUnderline ? 'active' : '' } ${ isTitle ? 'disabled' : '' }` }
+            onClick={ () => mutate('UNDERLINE') }
+            disabled={ isTitle }
           >u</button></li>
         <li>
           <button
-            className={`ttbx-mutation icomoon-font ${isLink ? 'active' : ''} ${isTitle ? 'disabled' : ''}`}
-            onClick={() => handleLinkButton(isLink ? 'UNLINK' : 'LINK')}
-            disabled={isTitle}
+            className={ `ttbx-mutation icomoon-font ${ isLink ? 'active' : '' } ${ isTitle ? 'disabled' : '' }` }
+            onClick={ () => handleLinkButton(isLink ? 'UNLINK' : 'LINK') }
+            disabled={ isTitle }
           >L</button></li>
         <li>
           <button
-            className={`ttbx-mutation icomoon-font ${isQuote ? 'active' : ''} ${isTitle ? 'disabled' : ''}`}
-            onClick={() => mutate(isQuote ? 'PARAGRAPH' : 'QUOTE')}
-            disabled={isTitle}
+            className={ `ttbx-mutation icomoon-font ${ isQuote ? 'active' : '' } ${ isTitle ? 'disabled' : '' }` }
+            onClick={ () => mutate(isQuote ? 'PARAGRAPH' : 'QUOTE') }
+            disabled={ isTitle }
           >_</button></li>
       </ul>
     }
 
-    {isLinkCreatorOpened &&
+    { isLinkCreatorOpened &&
       <div className="link-creator">
-        <form onSubmit={handleLinkForm}>
+        <form onSubmit={ handleLinkForm }>
           <input
             className="href"
             type="url" name="href"
             placeholder="Paste or type a link..."
-            required={true}
-            autoFocus={true}
+            required={ true }
+            autoFocus={ true }
           />
         </form>
         <button
           className="ttbx-mutation close icomoon-font"
-          onClick={closeLinkCreator}
+          onClick={ closeLinkCreator }
         >
           2
         </button>
diff --git a/front/src/Component/View/TextEditor/Widget.js b/front/src/Component/View/TextEditor/Widget.js
index 0e3eb25..79c6024 100644
--- a/front/src/Component/View/TextEditor/Widget.js
+++ b/front/src/Component/View/TextEditor/Widget.js
@@ -17,9 +17,9 @@ const is = type => ({ component }) => type === component.component
 // renderChildren :: (String, [Children]) -> React.Component
 const renderChildren = (parentId, children) => indexedMap((child, index) =>
   <Widget
-    component={child}
-    id={`${parentId}-${index}`}
-    key={`${parentId}-${index}`}
+    component={ child }
+    id={ `${ parentId }-${ index }` }
+    key={ `${ parentId }-${ index }` }
   />,
 )(children)
 
@@ -30,12 +30,12 @@ const Text = ({ component }) => component.text
 const Tweet = ({ component }) =>
   <blockquote
     className="knp-rendered-tweet"
-    data-tweet-id={component.tweetId}
+    data-tweet-id={ component.tweetId }
   >
     <TwitterWidget
-      tweetId={component.tweetId}
-      uid={uniqid(component.tweetId)}
-      originalHtmlMarkup={component.originalHtmlMarkup}
+      tweetId={ component.tweetId }
+      uid={ uniqid(component.tweetId) }
+      originalHtmlMarkup={ component.originalHtmlMarkup }
     />
   </blockquote>
 
@@ -50,9 +50,9 @@ const Tweet = ({ component }) =>
 export const UnconnectedTweet = (tweetId, uid) =>
   <blockquote
     className="knp-rendered-tweet"
-    data-tweet-id={tweetId}
+    data-tweet-id={ tweetId }
   >
-    <div id={`tweet-${uid}`}></div>
+    <div id={ `tweet-${ uid }` }></div>
   </blockquote>
 
 /**
@@ -63,17 +63,17 @@ export const UnconnectedTweet = (tweetId, uid) =>
 export const UnconnectedVideo = (video, playerId, accountId) =>
   <div
     className="video-wrapper knp-rendered-video"
-    data-video-id={video.id}
-    contentEditable={false}
+    data-video-id={ video.id }
+    contentEditable={ false }
   >
     <video
       className="video-js"
       data-embed="default"
-      data-video-id={video.id}
-      data-player={playerId}
-      data-account={accountId}
-      data-application-id={true}
-      controls={true}
+      data-video-id={ video.id }
+      data-player={ playerId }
+      data-account={ accountId }
+      data-application-id={ true }
+      controls={ true }
     ></video>
   </div>
 
@@ -83,72 +83,72 @@ const Paragraph = ({
   id,
 }) =>
   <p>
-    {renderChildren(id, component.childComponents)}
+    { renderChildren(id, component.childComponents) }
   </p>
 
 // Link :: Props -> React.Component
 const Link = ({ component, id }) =>
-  <a href={component.href} title={component.title} target={component.target} className="link">
-    {renderChildren(id, component.childComponents)}
+  <a href={ component.href } title={ component.title } target={ component.target } className="link">
+    { renderChildren(id, component.childComponents) }
   </a>
 
 // Image :: Props -> React.Component
 export const Image = ({ component }) =>
   <figure className="image-wrapper">
-    <img src={component.src} alt={component.alt || component.title || component.description} title={component.title} />
-    <p className="credit" contentEditable={false}>
-      {component.alt}
+    <img src={ component.src } alt={ component.alt || component.title || component.description } title={ component.title } />
+    <p className="credit" contentEditable={ false }>
+      { component.alt }
     </p>
-    <figcaption>{component.title}</figcaption>
+    <figcaption>{ component.title }</figcaption>
   </figure>
 
 // BrightcoveVideoWidget :: Props -> React.Component
 const BrightcoveVideoWidget = ({ component }) =>
   <BrightcoveVideo
-    videoId={component.videoId}
-    editable={false}
+    videoId={ component.videoId }
+    editable={ false }
   />
 
 // YoutubeVideo :: Props -> React.Component
 const YoutubeVideo = ({ component }) =>
   <iframe
     className="youtube-embed"
-    contentEditable={false}
-    src={component.src}
-    allowFullScreen={true}
-    title={uniqid()}
+    contentEditable={ false }
+    src={ component.src }
+    allowFullScreen={ true }
+    title={ uniqid() }
   ></iframe>
 
 // Heading :: Props -> React.Component
 const Heading = ({ component, id }) => React.createElement(
-  `h${component.size}`,
+  `h${ component.size }`,
   [],
   renderChildren(id, component.childComponents),
 )
 
 // Emphasis :: Props -> React.Component
 const Emphasis = ({ component, id }) =>
-  <em>{renderChildren(id, component.childComponents)}</em>
+  <em>{ renderChildren(id, component.childComponents) }</em>
 
 // Strong :: Props -> React.Component
 const Strong = ({ component, id }) =>
-  <strong>{renderChildren(id, component.childComponents)}</strong>
+  <strong>{ renderChildren(id, component.childComponents) }</strong>
 
 // Italic :: Props -> React.Component
 const Italic = ({ component, id }) =>
-  <i>{renderChildren(id, component.childComponents)}</i>
+  <i>{ renderChildren(id, component.childComponents) }</i>
 
 // Bold :: Props -> React.Component
 const Bold = ({ component, id }) =>
-  <b>{renderChildren(id, component.childComponents)}</b>
+  <b>{ renderChildren(id, component.childComponents) }</b>
 
 // Underline :: Props -> React.Component
 const Underline = ({ component, id }) =>
-  <u>{renderChildren(id, component.childComponents)}</u>
+  <u>{ renderChildren(id, component.childComponents) }</u>
 
 // Quote :: Props -> React.Component
 const Quote = ({ component, id }) =>
-  <blockquote>{renderChildren(id, component.childComponents)}</blockquote>
+  <blockquote>{ renderChildren(id, component.childComponents) }</blockquote>
 
 // Widget :: Props -> React.Component
 const Widget = cond([
diff --git a/front/src/index.js b/front/src/index.js
index aee74f5..5d4a728 100644
--- a/front/src/index.js
+++ b/front/src/index.js
@@ -42,4 +42,4 @@ const store = createStore(reducer, reducer(), middleware);
 
 epicMiddleware.run(rootEpic);
 
-ReactDOM.render(<App store={store}/>, document.getElementById('root'));
+ReactDOM.render(<App store={ store }/>, document.getElementById('root'));