organize imports

src/components/ActionLink.js

@@ -1,9 +1,9 @@
-import React from 'react';
 import _ from 'lodash';
-
-import { Link, withPrefix, classNames } from '../utils';
+import React from 'react';
+import { classNames, Link, withPrefix } from '../utils';
 import Icon from './Icon';
 
+
 export default class ActionLink extends React.Component {
     render() {
         let action = _.get(this.props, 'action', null);

src/components/CtaButtons.js

@@ -1,7 +1,7 @@
-import React from 'react';
 import _ from 'lodash';
+import React from 'react';
+import { classNames, Link, withPrefix } from '../utils';
 
-import { Link, withPrefix, classNames } from '../utils';
 
 export default class CtaButtons extends React.Component {
     render() {

src/components/DocsMenu.js

@@ -1,9 +1,9 @@
-import React from 'react';
 import _ from 'lodash';
-
-import { getPage, classNames, Link, withPrefix, pathJoin, getPages } from '../utils';
+import React from 'react';
+import { classNames, getPage, getPages, Link, pathJoin, withPrefix } from '../utils';
 import DocsSubmenu from './DocsSubmenu';
 
+
 export default class DocsMenu extends React.Component {
     render() {
         let site = _.get(this.props, 'site', null);

src/components/DocsSubmenu.js

@@ -1,8 +1,8 @@
-import React from 'react';
 import _ from 'lodash';
-
+import React from 'react';
 import { classNames, Link, withPrefix } from '../utils';
 
+
 export default class DocsSubmenu extends React.Component {
     render() {
         let child_pages = _.get(this.props, 'child_pages', null);

src/components/Footer.js

@@ -1,10 +1,10 @@
 import _ from 'lodash';
 import React from 'react';
-
 import { htmlToReact } from '../utils';
-
 import ActionLink from './ActionLink';
 
+
+
 export default class Footer extends React.Component {
   render() {
     return (

src/components/Header.js

@@ -1,6 +1,6 @@
-import React from 'react';
 import _ from 'lodash';
-import { Link, withPrefix, classNames } from '../utils';
+import React from 'react';
+import { classNames, Link, withPrefix } from '../utils';
 import ActionLink from './ActionLink';
 import Submenu from './Submenu';
 export default class Header extends React.Component {

src/components/Layout.js

@@ -1,11 +1,10 @@
+import _ from 'lodash';
 import React from 'react';
 import { Helmet } from 'react-helmet';
-import _ from 'lodash';
-
-import { withPrefix, attribute } from '../utils';
 import '../sass/main.scss';
-import Header from './Header';
+import { attribute, withPrefix } from '../utils';
 import Footer from './Footer';
+import Header from './Header';
 
 
 export default class Body extends React.Component {
@@ -14,9 +13,8 @@ export default class Body extends React.Component {
             <React.Fragment>
                 <Helmet>
                     <title>
-                        {_.get(this.props, 'pageContext.frontmatter.seo.title', null)
-                            ? _.get(this.props, 'pageContext.frontmatter.seo.title', null)
-                            : _.get(this.props, 'pageContext.frontmatter.title', null) + ' | ' + _.get(this.props, 'pageContext.site.siteMetadata.title', null)}
+                        {_.get(this.props, 'pageContext.frontmatter.seo.title', null) ||
+                            _.get(this.props, 'pageContext.frontmatter.title', null) + ' | ' + _.get(this.props, 'pageContext.site.siteMetadata.title', null)}
                     </title>
                     <meta charSet="utf-8" />
                     <meta name="viewport" content="width=device-width, initialScale=1.0" />

src/components/SectionContent.js

@@ -1,9 +1,9 @@
-import React from 'react';
 import _ from 'lodash';
-
-import { classNames, withPrefix, markdownify } from '../utils';
+import React from 'react';
+import { classNames, markdownify, withPrefix } from '../utils';
 import CtaButtons from './CtaButtons';
 
+
 export default class SectionContent extends React.Component {
     render() {
         let section = _.get(this.props, 'section', null);

src/components/SectionCta.js

@@ -1,9 +1,9 @@
-import React from 'react';
 import _ from 'lodash';
-
+import React from 'react';
 import { htmlToReact } from '../utils';
 import CtaButtons from './CtaButtons';
 
+
 export default class SectionCta extends React.Component {
     render() {
         let section = _.get(this.props, 'section', null);

src/components/SectionDocs.js

@@ -1,7 +1,7 @@
-import React from 'react';
 import _ from 'lodash';
+import React from 'react';
+import { classNames, getPage, htmlToReact, Link, pathJoin, withPrefix } from '../utils';
 
-import { classNames, htmlToReact, pathJoin, getPage, Link, withPrefix } from '../utils';
 
 export default class SectionDocs extends React.Component {
     render() {

src/components/SectionGrid.js

@@ -1,9 +1,9 @@
-import React from 'react';
 import _ from 'lodash';
-
-import { classNames, htmlToReact, withPrefix, Link, markdownify } from '../utils';
+import React from 'react';
+import { classNames, htmlToReact, Link, markdownify, withPrefix } from '../utils';
 import CtaButtons from './CtaButtons';
 
+
 export default class SectionGrid extends React.Component {
     render() {
         let section = _.get(this.props, 'section', null);

src/components/SectionHero.js

@@ -1,9 +1,9 @@
-import React from 'react';
 import _ from 'lodash';
-
-import { toStyleObj, withPrefix, markdownify } from '../utils';
+import React from 'react';
+import { markdownify, toStyleObj, withPrefix } from '../utils';
 import CtaButtons from './CtaButtons';
 
+
 export default class SectionHero extends React.Component {
     render() {
         let section = _.get(this.props, 'section', null);

src/components/Submenu.js

@@ -1,9 +1,9 @@
-import React from 'react';
 import _ from 'lodash';
-
+import React from 'react';
 import { classNames } from '../utils';
 import ActionLink from './ActionLink';
 
+
 export default class Submenu extends React.Component {
     render() {
         let page = _.get(this.props, 'page', null);

src/components/index.js

@@ -5,13 +5,13 @@ import DocsSubmenu from './DocsSubmenu';
 import Footer from './Footer';
 import Header from './Header';
 import Icon from './Icon';
+import Layout from './Layout';
 import SectionContent from './SectionContent';
 import SectionCta from './SectionCta';
 import SectionDocs from './SectionDocs';
 import SectionGrid from './SectionGrid';
 import SectionHero from './SectionHero';
 import Submenu from './Submenu';
-import Layout from './Layout';
 
 export {
     ActionLink,