From 9b27cd84bbc7d52f95abeda657320ab01e26ccfe Mon Sep 17 00:00:00 2001
From: Ran Yitzhaki <ranyitzhaki@gmail.com>
Date: Fri, 9 Feb 2018 14:38:45 +0200
Subject: [PATCH] fix lint on website

---
 website/pages/en/index.js  |   1 -
 website/pages/en/videos.js | 176 +++++++++++++++++--------------------
 website/siteConfig.js      |  14 +--
 3 files changed, 90 insertions(+), 101 deletions(-)

diff --git a/website/pages/en/index.js b/website/pages/en/index.js
index 63b542751736..26954f19a234 100755
--- a/website/pages/en/index.js
+++ b/website/pages/en/index.js
@@ -364,7 +364,6 @@ class Index extends React.Component {
             </div>
           </Container>
 
-
           <div className="productShowcaseSection paddingBottom">
             <h2>
               <translate>Who's using Jest?</translate>
diff --git a/website/pages/en/videos.js b/website/pages/en/videos.js
index 4ae53bef77d2..3820a798a32f 100644
--- a/website/pages/en/videos.js
+++ b/website/pages/en/videos.js
@@ -5,109 +5,95 @@ const {translate} = require('../../server/translate.js');
 const siteConfig = require(process.cwd() + '/siteConfig.js');
 
 class Video extends React.PureComponent {
-    render() {
-        const {url, type} = this.props;
+  render() {
+    const {url, type} = this.props;
 
-        switch (type) {
-            case siteConfig.videoTypes.YOUTUBE: {
-                return (
-                    <iframe
-                        width="560"
-                        height="315"
-                        src={url}
-                        frameBorder="0"
-                        allowFullScreen
-                    />
-                );
-            }
-            case siteConfig.videoTypes.IFRAME: {
-                return (
-                    <iframe src={url} />
-                );
-            }
-            default: {
-                return (
-                    <iframe src={url} />
-                );
-            }
-        }
+    switch (type) {
+      case siteConfig.videoTypes.YOUTUBE: {
+        return (
+          <iframe
+            width="560"
+            height="315"
+            src={url}
+            frameBorder="0"
+            allowFullScreen
+          />
+        );
+      }
+      case siteConfig.videoTypes.IFRAME: {
+        return <iframe src={url} />;
+      }
+      default: {
+        return <iframe src={url} />;
+      }
     }
+  }
 }
 
 class Videos extends React.Component {
-    render() {
-        const showcase = siteConfig.videos.map(({title, description, type, url}, index) => {
-            const textMarkup = (
-                <div className="blockContent">
-                    <h2>
-                        {title}
-                    </h2>
-                    <div>
-                        <MarkdownBlock>
-                            {description}
-                        </MarkdownBlock>
-                    </div>
-                </div>
-            );
-            const videoMarkup = (
-                <div className="video">
-                    <Video url={url} type={type} />
-                </div>
-            );
-
-            return (
-                <Container key={url} padding={['bottom', 'top']}>
-                    <a className="hash-link" href={`#${title}`} />
-                    {
-                        index % 2 === 0
-                            ? (
-                                <div className="blockElement imageAlignSide threeByGridBlock">
-                                    {videoMarkup}
-                                    {textMarkup}
-                                </div>
-                            )
-                            : (
-                                <div className="blockElement imageAlignSide threeByGridBlock">
-                                    {textMarkup}
-                                    {videoMarkup}
-                                </div>
-                            )
-                    }
-                </Container>
-            );
-        });
+  render() {
+    const showcase = siteConfig.videos.map(
+      ({title, description, type, url}, index) => {
+        const textMarkup = (
+          <div className="blockContent">
+            <h2>{title}</h2>
+            <div>
+              <MarkdownBlock>{description}</MarkdownBlock>
+            </div>
+          </div>
+        );
+        const videoMarkup = (
+          <div className="video">
+            <Video url={url} type={type} />
+          </div>
+        );
 
         return (
-            <div className="mainContainer">
-                <Container padding={['bottom', 'top']}>
-                    <div className="showcaseSection">
-                        <div className="prose">
-                            <h1>
-                                <translate>
-                                    Talks & Videos
-                                </translate>
-                            </h1>
-                            <p>
-                                <translate>
-                                    We understand that reading through docs can be boring sometimes.
-                                    Here is a community curated list of talks & videos around Jest.
-                                </translate>
-                            </p>
-                        </div>
-                    </div>
-                    {showcase}
-                    <div style={{textAlign: 'center'}}>
-                        <a href={siteConfig.siteConfigUrl} className="button">
-                            <translate>
-                                Add your favorite talk
-                            </translate>
-                        </a>
-                    </div>
-                </Container>
-            </div>
+          <Container key={url} padding={['bottom', 'top']}>
+            <a className="hash-link" href={`#${title}`} />
+            {index % 2 === 0 ? (
+              <div className="blockElement imageAlignSide threeByGridBlock">
+                {videoMarkup}
+                {textMarkup}
+              </div>
+            ) : (
+              <div className="blockElement imageAlignSide threeByGridBlock">
+                {textMarkup}
+                {videoMarkup}
+              </div>
+            )}
+          </Container>
         );
-    }
+      }
+    );
+
+    return (
+      <div className="mainContainer">
+        <Container padding={['bottom', 'top']}>
+          <div className="showcaseSection">
+            <div className="prose">
+              <h1>
+                <translate>Talks & Videos</translate>
+              </h1>
+              <p>
+                <translate>
+                  We understand that reading through docs can be boring
+                  sometimes. Here is a community curated list of talks & videos
+                  around Jest.
+                </translate>
+              </p>
+            </div>
+          </div>
+          {showcase}
+          <div style={{textAlign: 'center'}}>
+            <a href={siteConfig.siteConfigUrl} className="button">
+              <translate>Add your favorite talk</translate>
+            </a>
+          </div>
+        </Container>
+      </div>
+    );
+  }
 }
 
 module.exports = Videos;
-
diff --git a/website/siteConfig.js b/website/siteConfig.js
index 31685f517e23..31d9a1175eed 100644
--- a/website/siteConfig.js
+++ b/website/siteConfig.js
@@ -19,20 +19,23 @@ const videos = [
     title: 'Rogelio Guzman - Jest Snapshots and Beyond - React Conf 2017',
     type: videoTypes.YOUTUBE,
     url: 'https://www.youtube.com/embed/HAuXJVI_bUs',
-    description: '[Rogelio](https://twitter.com/rogeliog) shows how Jest might help you overcome the inertia to write & maintain tests with the help of a simple React Application.',
+    description:
+      '[Rogelio](https://twitter.com/rogeliog) shows how Jest might help you overcome the inertia to write & maintain tests with the help of a simple React Application.',
   },
   {
     title: 'Snapshot testing - Anna Doubkova, React London 2017',
     type: videoTypes.YOUTUBE,
     url: 'https://www.youtube.com/embed/sCbGfi40IWk',
-    description: 'In this talk, [Anna Doubkova](https://twitter.com/lithinn) explains Snapshot Testing in brief while also highlighting testing pitfalls.',
+    description:
+      'In this talk, [Anna Doubkova](https://twitter.com/lithinn) explains Snapshot Testing in brief while also highlighting testing pitfalls.',
   },
   {
     title: 'Test React applications using Enzyme & Jest',
     type: videoTypes.YOUTUBE,
     url: 'https://www.youtube.com/embed/8Ww2QBVIw0I',
-    description: 'This talk by [Ryan Walsh](https://twitter.com/_rtwalsh) gives an introduction to testing [React](https://facebook.github.io/react/) components using [Enzyme](http://airbnb.io/enzyme/) and Jest.',
-  }
+    description:
+      'This talk by [Ryan Walsh](https://twitter.com/_rtwalsh) gives an introduction to testing [React](https://facebook.github.io/react/) components using [Enzyme](http://airbnb.io/enzyme/) and Jest.',
+  },
 ];
 
 /* List of projects/orgs using your project for the users page */
@@ -314,7 +317,8 @@ const siteConfig = {
   },
   scripts: ['https://buttons.github.io/buttons.js'],
   repoUrl,
-  siteConfigUrl: 'https://github.com/facebook/jest/edit/master/website/siteConfig.js',
+  siteConfigUrl:
+    'https://github.com/facebook/jest/edit/master/website/siteConfig.js',
 };
 
 module.exports = siteConfig;