Merge pull request #1500 from 0xProject/update-prettier-version

Update prettier to version ^1.15.3

6 files changed, 42 insertions, 60 deletions

diff --git a/packages/website/ts/pages/about/jobs.tsx b/packages/website/ts/pages/about/jobs.tsx
index ee1aa6cef..85c25a75f 100644
--- a/packages/website/ts/pages/about/jobs.tsx
+++ b/packages/website/ts/pages/about/jobs.tsx
@@ -151,7 +151,9 @@ export class NextAboutJobs extends React.Component<NextAboutJobsProps, NextAbout
                 <Section id={OPEN_POSITIONS_HASH} isFlex={true} maxWidth="1170px" wrapWidth="100%">
                     <Column>
                         <Heading size="medium">
-                            Current<br />Openings
+                            Current
+                            <br />
+                            Openings
                         </Heading>
                     </Column>
 
diff --git a/packages/website/ts/pages/documentation/developers_page.tsx b/packages/website/ts/pages/documentation/developers_page.tsx
index 78376a0f2..0b725c514 100644
--- a/packages/website/ts/pages/documentation/developers_page.tsx
+++ b/packages/website/ts/pages/documentation/developers_page.tsx
@@ -68,10 +68,7 @@ interface SidebarContainerProps {
     className?: string;
 }
 
-const SidebarContainer =
-    styled.div <
-    SidebarContainerProps >
-    `
+const SidebarContainer = styled.div<SidebarContainerProps>`
     ${scrollableContainerStyles}
     padding-top: 27px;
     padding-left: ${SIDEBAR_PADDING}px;
@@ -87,10 +84,7 @@ interface MainContentContainerProps {
     className?: string;
 }
 
-const MainContentContainer =
-    styled.div <
-    MainContentContainerProps >
-    `
+const MainContentContainer = styled.div<MainContentContainerProps>`
     ${scrollableContainerStyles}
     padding-top: 0px;
     padding-left: 50px;
diff --git a/packages/website/ts/pages/faq/faq.tsx b/packages/website/ts/pages/faq/faq.tsx
index 8cde7224e..548db1d1d 100644
--- a/packages/website/ts/pages/faq/faq.tsx
+++ b/packages/website/ts/pages/faq/faq.tsx
@@ -36,17 +36,16 @@ const sections: FAQSection[] = [
                     <div>
                         At its core, 0x is an open and non-rent seeking protocol that facilitates trustless, low
                         friction exchange of Ethereum-based assets. Developers can use 0x as a platform to build
-                        exchange applications on top of (<a
-                            href={`${configs.BASE_URL}${WebsitePaths.ZeroExJs}#introduction`}
-                            target="blank"
-                        >
+                        exchange applications on top of (
+                        <a href={`${configs.BASE_URL}${WebsitePaths.ZeroExJs}#introduction`} target="blank">
                             0x.js
                         </a>{' '}
                         is a Javascript library for interacting with the 0x protocol). For end users, 0x will be the
                         infrastructure of a wide variety of user-facing applications i.e.{' '}
                         <a href={`${configs.BASE_URL}${WebsitePaths.Portal}`} target="blank">
                             0x Portal
-                        </a>, a decentralized application that facilitates trustless trading of Ethereum-based tokens
+                        </a>
+                        , a decentralized application that facilitates trustless trading of Ethereum-based tokens
                         between known counterparties.
                     </div>
                 ),
@@ -253,7 +252,8 @@ const sections: FAQSection[] = [
                             target="_blank"
                         >
                             development roadmap
-                        </a>.
+                        </a>
+                        .
                     </div>
                 ),
             },
@@ -360,7 +360,8 @@ const sections: FAQSection[] = [
                             target="_blank"
                         >
                             here
-                        </a>.
+                        </a>
+                        .
                     </div>
                 ),
             },
@@ -380,8 +381,9 @@ const sections: FAQSection[] = [
                         Join our{' '}
                         <a href={constants.URL_ZEROEX_CHAT} target="_blank">
                             Discord
-                        </a>! As an open source project, 0x will rely on a worldwide community of passionate developers
-                        to contribute proposals, ideas and code.
+                        </a>
+                        ! As an open source project, 0x will rely on a worldwide community of passionate developers to
+                        contribute proposals, ideas and code.
                     </div>
                 ),
             },
diff --git a/packages/website/ts/pages/instant.tsx b/packages/website/ts/pages/instant.tsx
index b97bb35a4..586665d5b 100644
--- a/packages/website/ts/pages/instant.tsx
+++ b/packages/website/ts/pages/instant.tsx
@@ -100,7 +100,7 @@ export class Next0xInstant extends React.Component<Props> {
                         <div>
                             {[...Array(18)].map((item, index) => (
                                 <Card key={`card-${index}`} index={index}>
-                                    <img src={`/images/0x-instant/widget-${index % 6 + 1}.png`} />
+                                    <img src={`/images/0x-instant/widget-${(index % 6) + 1}.png`} />
                                 </Card>
                             ))}
                         </div>
@@ -189,13 +189,10 @@ const fadeUp = keyframes`
   }
 `;
 
-const ConfiguratorSection =
-    styled(Section) <
-    SectionProps >
-    `
-  @media (max-width: ${CONFIGURATOR_MIN_WIDTH_PX}px) {
-      display: none;
-  }
+const ConfiguratorSection = styled(Section)<SectionProps>`
+    @media (max-width: ${CONFIGURATOR_MIN_WIDTH_PX}px) {
+        display: none;
+    }
 `;
 
 // width = 370 * 12
@@ -233,29 +230,26 @@ const MarqueeWrap = styled.div`
     }
 `;
 
-const Card =
-    styled.div <
-    { index: number } >
-    `
-  opacity: 0;
-  flex-shrink: 0;
-  transform: translateY(10px);
-  will-change: opacity, transform;
-  animation: ${fadeUp} 0.75s ${props => `${props.index * 0.05}s`} forwards;
-
-  img {
-    height: auto;
-  }
+const Card = styled.div<{ index: number }>`
+    opacity: 0;
+    flex-shrink: 0;
+    transform: translateY(10px);
+    will-change: opacity, transform;
+    animation: ${fadeUp} 0.75s ${props => `${props.index * 0.05}s`} forwards;
 
-  @media (min-width: 768px) {
     img {
-      width: 370px;
+        height: auto;
     }
-  }
 
-  @media (max-width: 768px) {
-    img {
-      width: 300px;
+    @media (min-width: 768px) {
+        img {
+            width: 370px;
+        }
+    }
+
+    @media (max-width: 768px) {
+        img {
+            width: 300px;
+        }
     }
-  }
 `;
diff --git a/packages/website/ts/pages/instant/config_generator.tsx b/packages/website/ts/pages/instant/config_generator.tsx
index e43d47119..29fce85db 100644
--- a/packages/website/ts/pages/instant/config_generator.tsx
+++ b/packages/website/ts/pages/instant/config_generator.tsx
@@ -318,13 +318,10 @@ interface CheckboxTextProps {
     isSelected?: boolean;
 }
 
-const CheckboxText =
-    styled.span <
-    CheckboxTextProps >
-    `
+const CheckboxText = styled.span<CheckboxTextProps>`
     font-size: 14px;
     line-height: 18px;
-    color: ${props => (props.isSelected ? colors.brandDark : '#666666')}
+    color: ${props => (props.isSelected ? colors.brandDark : '#666666')};
 `;
 
 const OptionalAction = styled(OptionalText)`
diff --git a/packages/website/ts/pages/why.tsx b/packages/website/ts/pages/why.tsx
index 197ce5fc9..a0ed5f95a 100644
--- a/packages/website/ts/pages/why.tsx
+++ b/packages/website/ts/pages/why.tsx
@@ -229,10 +229,7 @@ interface SectionProps {
     isNotRelative?: boolean;
 }
 
-const SectionWrap =
-    styled.div <
-    SectionProps >
-    `
+const SectionWrap = styled.div<SectionProps>`
     position: ${props => !props.isNotRelative && 'relative'};
 
     & + & {
@@ -258,10 +255,7 @@ const SectionWrap =
 interface SectionTitleProps {
     isNoBorder?: boolean;
 }
-const SectionTitle =
-    styled(Heading) <
-    SectionTitleProps >
-    `
+const SectionTitle = styled(Heading)<SectionTitleProps>`
     position: relative;
 
     ${props =>
@@ -278,7 +272,6 @@ const SectionTitle =
         }
     `}
 
-
     @media (max-width: 768px) {
         &:before {
             width: calc(100vw - 60px);