format: sort-imports in src/ js files

for #789
iterative · Dec 27, 2019 · b633778 · b633778
1 parent 5726ac9
commit b633778
Show file tree

Hide file tree

Showing 29 changed files with 101 additions and 114 deletions.
diff --git a/src/Diagram/index.js b/src/Diagram/index.js
@@ -1,9 +1,5 @@
 /* eslint jsx-a11y/anchor-is-valid: off */
 
-import React, { Component } from 'react'
-import PropTypes from 'prop-types'
-import NextLink from 'next/link'
-import styled from 'styled-components'
 import {
   OnlyDesktop,
   OnlyMobile,
@@ -12,8 +8,13 @@ import {
   container,
   media
 } from '../styles'
+import React, { Component } from 'react'
+
 import { Element } from 'react-scroll'
+import NextLink from 'next/link'
+import PropTypes from 'prop-types'
 import Slider from 'react-slick'
+import styled from 'styled-components'
 
 const LearnMore = ({ href }) => (
   <LearnMoreArea>

diff --git a/src/Documentation/HeadInjector.js b/src/Documentation/HeadInjector.js
@@ -1,9 +1,8 @@
 import Head from 'next/head'
+import { META_BASE_TITLE } from '../consts'
 import PropTypes from 'prop-types'
 import React from 'react'
 
-import { META_BASE_TITLE } from '../consts'
-
 export const HeadInjector = ({ sectionName = 'Documentation' }) => (
   <Head>
     <title>

diff --git a/src/Documentation/Markdown/Markdown.js b/src/Documentation/Markdown/Markdown.js
@@ -1,32 +1,27 @@
-import React from 'react'
-import PropTypes from 'prop-types'
+import Collapsible from 'react-collapsible'
+import { LightButton } from '../LightButton'
 import NextLink from 'next/link'
-import Router from 'next/router'
-// components
+import { PAGE_DOC } from '../../consts'
+import PropTypes from 'prop-types'
+import React from 'react'
 import ReactMarkdown from 'react-markdown'
-import { LightButton } from '../LightButton'
-import Tutorials from '../Tutorials'
-import Tooltip from '../../Tooltip'
-import Collapsible from 'react-collapsible'
-// syntax highlighter
+import Router from 'next/router'
 import { Light as SyntaxHighlighter } from 'react-syntax-highlighter'
-import { docco } from 'react-syntax-highlighter/dist/cjs/styles/hljs'
-import python from 'react-syntax-highlighter/dist/cjs/languages/hljs/python'
-import yaml from 'react-syntax-highlighter/dist/cjs/languages/hljs/yaml'
-import ini from 'react-syntax-highlighter/dist/cjs/languages/hljs/ini'
+import Tooltip from '../../Tooltip'
+import Tutorials from '../Tutorials'
 import bash from 'react-syntax-highlighter/dist/cjs/languages/hljs/bash'
 import diff from 'react-syntax-highlighter/dist/cjs/languages/hljs/diff'
-import vim from 'react-syntax-highlighter/dist/cjs/languages/hljs/vim'
-import usage from './lang/usage'
+import { docco } from 'react-syntax-highlighter/dist/cjs/styles/hljs'
 import dvc from './lang/dvc'
-import linker from './utils/remark-linker'
-// consts
-import { PAGE_DOC } from '../../consts'
-// utils
+import ini from 'react-syntax-highlighter/dist/cjs/languages/hljs/ini'
 import kebabCase from 'lodash.kebabcase'
-// styles
-import styled from 'styled-components'
+import linker from './utils/remark-linker'
 import { media } from '../../../src/styles'
+import python from 'react-syntax-highlighter/dist/cjs/languages/hljs/python'
+import styled from 'styled-components'
+import usage from './lang/usage'
+import vim from 'react-syntax-highlighter/dist/cjs/languages/hljs/vim'
+import yaml from 'react-syntax-highlighter/dist/cjs/languages/hljs/yaml'
 
 SyntaxHighlighter.registerLanguage('dvc', dvc)
 SyntaxHighlighter.registerLanguage('python', python)

diff --git a/src/Documentation/Markdown/utils/remark-linker.js b/src/Documentation/Markdown/utils/remark-linker.js
@@ -1,7 +1,7 @@
 ;`use strict`
 
-import visit from 'unist-util-visit'
 import { getItemByPath } from '../../../utils/sidebar'
+import visit from 'unist-util-visit'
 
 const DVC_REGEXP = /dvc\s+[a-z][a-z-.]*/
 const COMMAND_REGEXP = /^[a-z][a-z-]*$/

diff --git a/src/Documentation/RightPanel/RightPanel.js b/src/Documentation/RightPanel/RightPanel.js
@@ -1,9 +1,8 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import styled from 'styled-components'
 import { LightButton } from '../LightButton'
+import PropTypes from 'prop-types'
+import React from 'react'
 import Tutorials from '../Tutorials'
-// utils
+import styled from 'styled-components'
 import throttle from 'lodash.throttle'
 
 const ROOT_ELEMENT = 'bodybag'

diff --git a/src/Documentation/SidebarMenu/SidebarMenu.js b/src/Documentation/SidebarMenu/SidebarMenu.js
@@ -1,19 +1,15 @@
+import { OnlyDesktop, media } from '../../styles'
 import React, { useEffect, useRef, useState } from 'react'
-import PerfectScrollbar from 'perfect-scrollbar'
-import scrollIntoView from 'dom-scroll-into-view'
-import PropTypes from 'prop-types'
+
+import DownloadButton from '../../DownloadButton'
 import NextLink from 'next/link'
-// consts
 import { PAGE_DOC } from '../../consts'
-// components
-import DownloadButton from '../../DownloadButton'
-// utils
+import PerfectScrollbar from 'perfect-scrollbar'
+import PropTypes from 'prop-types'
+import { getParentsListFromPath } from '../../utils/sidebar'
 import includes from 'lodash.includes'
-// styles
+import scrollIntoView from 'dom-scroll-into-view'
 import styled from 'styled-components'
-import { OnlyDesktop, media } from '../../styles'
-// sidebar helpers
-import { getParentsListFromPath } from '../../utils/sidebar'
 
 /** Height of each menu child items (to calc Element weight for animations) */
 const heightMap = {}

diff --git a/src/Documentation/Tutorials.js b/src/Documentation/Tutorials.js
@@ -1,10 +1,9 @@
-import React from 'react'
+import { LightButton } from './LightButton'
 import PropTypes from 'prop-types'
-import topairs from 'lodash.topairs'
+import React from 'react'
 import startCase from 'lodash.startcase'
 import styled from 'styled-components'
-
-import { LightButton } from './LightButton'
+import topairs from 'lodash.topairs'
 
 export default function Tutorials({ compact, tutorials }) {
   const tutorialsData = topairs(tutorials)

diff --git a/src/DownloadButton/index.js b/src/DownloadButton/index.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
-import PropTypes from 'prop-types'
 import styled, { css } from 'styled-components'
 
+import PropTypes from 'prop-types'
 import isClient from '../utils/isClient'
 import { logEvent } from '../utils/ga'
 

diff --git a/src/Footer/index.js b/src/Footer/index.js
@@ -1,8 +1,9 @@
-import React from 'react'
+import { columns, container, media } from '../styles'
+
+import NextLink from 'next/link'
 import PropTypes from 'prop-types'
+import React from 'react'
 import styled from 'styled-components'
-import NextLink from 'next/link'
-import { columns, container, media } from '../styles'
 
 const SocialLink = ({ src, href, children }) => (
   <Link src={src} href={href}>

diff --git a/src/Hamburger/index.js b/src/Hamburger/index.js
@@ -1,5 +1,5 @@
-import React from 'react'
 import PropTypes from 'prop-types'
+import React from 'react'
 import styled from 'styled-components'
 
 const WIDTH = 30
@@ -55,7 +55,7 @@ const Line = styled.div`
     props.open &&
     props.third &&
     `
-    
+
      transform: rotate(45deg) translate(-5px,-5px);
   `};
 `
diff --git a/src/HamburgerMenu/index.js b/src/HamburgerMenu/index.js
@@ -1,11 +1,11 @@
 import React, { Component } from 'react'
-import PropTypes from 'prop-types'
-import styled from 'styled-components'
-import NextLink from 'next/link'
-import { media } from '../styles'
 
 import Hamburger from '../Hamburger'
+import NextLink from 'next/link'
+import PropTypes from 'prop-types'
 import { logEvent } from '../utils/ga'
+import { media } from '../styles'
+import styled from 'styled-components'
 
 const SocialLink = ({ src, href, click, children }) => (
   <Link src={src} href={href} onClick={click}>

diff --git a/src/Hero/index.js b/src/Hero/index.js
@@ -1,7 +1,7 @@
-import React from 'react'
 import PropTypes from 'prop-types'
-import styled from 'styled-components'
+import React from 'react'
 import { container } from '../styles'
+import styled from 'styled-components'
 
 export default function Hero({ children }) {
   return (

diff --git a/src/LandingHero/index.js b/src/LandingHero/index.js
@@ -1,7 +1,7 @@
+import { OnlyDesktop, OnlyMobile, media } from '../styles'
 import React, { Component } from 'react'
 import styled, { css } from 'styled-components'
 
-import { OnlyDesktop, OnlyMobile, media } from '../styles'
 import DownloadButton from '../DownloadButton'
 import GithubLine from '../GithubLine'
 import { logEvent } from '../utils/ga'

diff --git a/src/Layout/index.js b/src/Layout/index.js
@@ -1,13 +1,12 @@
 import React, { useEffect } from 'react'
+import { initGA, logPageView } from '../utils/ga'
+
+import Footer from '../Footer'
+import HamburgerMenu from '../HamburgerMenu'
 import PropTypes from 'prop-types'
+import TopMenu from '../TopMenu'
 import styled from 'styled-components'
 import { useRouter } from 'next/router'
-// components
-import TopMenu from '../TopMenu'
-import Footer from '../Footer'
-import HamburgerMenu from '../HamburgerMenu'
-// utils
-import { initGA, logPageView } from '../utils/ga'
 
 export default function Layout({ children, enableSmoothScroll }) {
   const router = useRouter()

diff --git a/src/LearnMore/index.js b/src/LearnMore/index.js
@@ -1,8 +1,9 @@
-import React from 'react'
 import styled, { keyframes } from 'styled-components'
+
+import React from 'react'
+import { logEvent } from '../utils/ga'
 import { media } from '../styles'
 import { scroller } from 'react-scroll'
-import { logEvent } from '../utils/ga'
 
 const scrollToDiagram = () => {
   logEvent('hero', 'learn-more')

diff --git a/src/Modal/index.js b/src/Modal/index.js
@@ -1,5 +1,5 @@
-import ReactDOM from 'react-dom'
 import PropTypes from 'prop-types'
+import ReactDOM from 'react-dom'
 
 const Modal = ({ children }) =>
   ReactDOM.createPortal(children, document.getElementById('modal-root'))

diff --git a/src/Nav/index.js b/src/Nav/index.js
@@ -1,10 +1,10 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import styled from 'styled-components'
-import { media } from '../styles'
-import { logEvent } from '../utils/ga'
 import NextLink from 'next/link'
+import PropTypes from 'prop-types'
+import React from 'react'
 import Router from 'next/router'
+import { logEvent } from '../utils/ga'
+import { media } from '../styles'
+import styled from 'styled-components'
 
 const getStarted = () => {
   logEvent('menu', 'get-started')

diff --git a/src/Page/index.js b/src/Page/index.js
@@ -1,10 +1,10 @@
 import React, { Component } from 'react'
+
+import Layout from '../Layout'
 import PropTypes from 'prop-types'
 import { createGlobalStyle } from 'styled-components'
-import reset from 'styled-reset'
-
 import { global } from '../styles'
-import Layout from '../Layout'
+import reset from 'styled-reset'
 
 const GlobalStyle = createGlobalStyle`
   ${reset}

diff --git a/src/PromoSection/index.js b/src/PromoSection/index.js
@@ -1,10 +1,9 @@
+import { PAGE_DOC } from '../consts'
 import React from 'react'
-import styled from 'styled-components'
 import Router from 'next/router'
-import { media } from '../styles'
 import { logEvent } from '../utils/ga'
-// consts
-import { PAGE_DOC } from '../consts'
+import { media } from '../styles'
+import styled from 'styled-components'
 
 function goToDocGetStarted() {
   logEvent('promo', 'get-started')

diff --git a/src/Subscribe/index.js b/src/Subscribe/index.js
@@ -1,8 +1,7 @@
 import React from 'react'
-import styled from 'styled-components'
-import { media } from '../styles'
-
 import SubscribeForm from '../SubscribeForm'
+import { media } from '../styles'
+import styled from 'styled-components'
 
 export default function Subscribe() {
   return (

diff --git a/src/SubscribeForm/index.js b/src/SubscribeForm/index.js
@@ -1,6 +1,6 @@
 import React from 'react'
-import styled from 'styled-components'
 import { media } from '../styles'
+import styled from 'styled-components'
 
 export default function SubscribeForm() {
   return (
@@ -23,7 +23,7 @@ export default function SubscribeForm() {
       />
 
       {/*
-        real people should not fill this in and expect good things - 
+        real people should not fill this in and expect good things -
         do not remove this or risk form bot signups
       */}
       <div style={{ position: 'absolute', left: '-5000px' }} aria-hidden="true">

diff --git a/src/TextCollapse/index.js b/src/TextCollapse/index.js
@@ -1,8 +1,9 @@
 import React, { Component } from 'react'
-import PropTypes from 'prop-types'
-import styled from 'styled-components'
+
 import Collapse from 'react-collapse'
+import PropTypes from 'prop-types'
 import { presets } from 'react-motion'
+import styled from 'styled-components'
 
 class TextCollapse extends Component {
   state = {

diff --git a/src/Tooltip/desktop-view.js b/src/Tooltip/desktop-view.js
@@ -1,10 +1,10 @@
 import React, { Component } from 'react'
+
+import { HEADER } from '../consts'
 import PropTypes from 'prop-types'
 import ReactMarkdown from 'react-markdown'
 import styled from 'styled-components'
 
-import { HEADER } from '../consts'
-
 class DesktopView extends Component {
   state = {
     hover: false,

diff --git a/src/Tooltip/index.js b/src/Tooltip/index.js
@@ -1,11 +1,11 @@
+import { OnlyDesktop, OnlyMobile } from '../styles'
 import React, { Component } from 'react'
-import PropTypes from 'prop-types'
-import includes from 'lodash.includes'
 
-import glossary from '../../public/docs/glossary'
-import { OnlyDesktop, OnlyMobile } from '../styles'
 import DesktopView from './desktop-view'
 import MobileView from './mobile-view'
+import PropTypes from 'prop-types'
+import glossary from '../../public/docs/glossary'
+import includes from 'lodash.includes'
 
 class Tooltip extends Component {
   state = {

diff --git a/src/Tooltip/mobile-view.js b/src/Tooltip/mobile-view.js
@@ -1,9 +1,9 @@
 import React, { Component } from 'react'
-import ReactMarkdown from 'react-markdown'
-import PropTypes from 'prop-types'
-import styled from 'styled-components'
 
 import Modal from '../Modal'
+import PropTypes from 'prop-types'
+import ReactMarkdown from 'react-markdown'
+import styled from 'styled-components'
 
 class MobileView extends Component {
   state = {