From 66480ccb1e0dc72e6716060ab472b7584bfa910c Mon Sep 17 00:00:00 2001
From: Fred Carlsen <fred@sjelfull.no>
Date: Fri, 14 Dec 2018 11:26:59 +0100
Subject: Linting fixes

---
 packages/website/ts/@next/pages/about/jobs.tsx                 |  4 ++--
 packages/website/ts/@next/pages/instant.tsx                    |  6 +++---
 packages/website/ts/@next/pages/instant/config_generator.tsx   | 10 +++++++---
 .../website/ts/@next/pages/instant/fee_percentage_slider.tsx   |  1 +
 packages/website/ts/@next/pages/landing.tsx                    |  2 +-
 5 files changed, 14 insertions(+), 9 deletions(-)

(limited to 'packages/website/ts/@next/pages')

diff --git a/packages/website/ts/@next/pages/about/jobs.tsx b/packages/website/ts/@next/pages/about/jobs.tsx
index 71192d884..9b0b74a90 100644
--- a/packages/website/ts/@next/pages/about/jobs.tsx
+++ b/packages/website/ts/@next/pages/about/jobs.tsx
@@ -106,9 +106,9 @@ const Position = ({ position }) => (
 
         <StyledColumn width="50%">
             <Paragraph isMuted={true}>{position.location}</Paragraph>
-        </Column>
+        </StyledColumn>
 
-        <Column colWidth="1/3">
+        <Column width="20%">
             <Paragraph><Link href={position.href}>Apply</Link></Paragraph>
         </Column>
     </FlexWrap>
diff --git a/packages/website/ts/@next/pages/instant.tsx b/packages/website/ts/@next/pages/instant.tsx
index 2038ce160..86a2485ce 100644
--- a/packages/website/ts/@next/pages/instant.tsx
+++ b/packages/website/ts/@next/pages/instant.tsx
@@ -9,7 +9,7 @@ import {Hero} from 'ts/@next/components/hero';
 
 import {Button} from 'ts/@next/components/button';
 import {Definition} from 'ts/@next/components/definition';
-import {Section} from 'ts/@next/components/newLayout';
+import {Section, SectionProps} from 'ts/@next/components/newLayout';
 import {SiteWrap} from 'ts/@next/components/siteWrap';
 import {Heading, Paragraph} from 'ts/@next/components/text';
 import { Configurator } from 'ts/@next/pages/instant/configurator';
@@ -135,7 +135,7 @@ const fadeUp = keyframes`
   }
 `;
 
-const ConfiguratorSection = styled(Section)`
+const ConfiguratorSection = styled(Section)<SectionProps>`
   @media (max-width: 1050px) {
       display: none;
   }
@@ -168,7 +168,7 @@ const MarqueeWrap = styled.div`
     }
 `;
 
-const Card = styled.div`
+const Card = styled.div<{index: number}>`
   opacity: 0;
   flex-shrink: 0;
   transform: translateY(10px);
diff --git a/packages/website/ts/@next/pages/instant/config_generator.tsx b/packages/website/ts/@next/pages/instant/config_generator.tsx
index d63ea118b..c71d2b238 100644
--- a/packages/website/ts/@next/pages/instant/config_generator.tsx
+++ b/packages/website/ts/@next/pages/instant/config_generator.tsx
@@ -6,13 +6,13 @@ import * as _ from 'lodash';
 import * as React from 'react';
 import styled from 'styled-components';
 
+import { ConfigGeneratorAddressInput } from 'ts/@next/pages/instant/config_generator_address_input';
+import { FeePercentageSlider } from 'ts/@next/pages/instant/fee_percentage_slider';
 import { CheckMark } from 'ts/components/ui/check_mark';
 import { Container } from 'ts/components/ui/container';
 import { MultiSelect } from 'ts/components/ui/multi_select';
 import { Spinner } from 'ts/components/ui/spinner';
 import { Text } from 'ts/components/ui/text';
-import { ConfigGeneratorAddressInput } from 'ts/@next/pages/instant/config_generator_address_input';
-import { FeePercentageSlider } from 'ts/@next/pages/instant/fee_percentage_slider';
 import { colors } from 'ts/style/colors';
 import { WebsitePaths } from 'ts/types';
 import { constants } from 'ts/utils/constants';
@@ -314,7 +314,11 @@ const OptionalText = styled.span`
     flex-shrink: 0;
 `;
 
-const CheckboxText = styled.span`
+interface CheckboxTextProps {
+    isSelected?: boolean;
+}
+
+const CheckboxText = styled.span<CheckboxTextProps>`
     font-size: 14px;
     line-height: 18px;
     color: ${props => props.isSelected ? colors.brandDark : '#666666'}
diff --git a/packages/website/ts/@next/pages/instant/fee_percentage_slider.tsx b/packages/website/ts/@next/pages/instant/fee_percentage_slider.tsx
index 47b8d2b8f..512ae06b4 100644
--- a/packages/website/ts/@next/pages/instant/fee_percentage_slider.tsx
+++ b/packages/website/ts/@next/pages/instant/fee_percentage_slider.tsx
@@ -10,6 +10,7 @@ const SliderWithTooltip = (Slider as any).createSliderWithTooltip(Slider);
 
 export interface FeePercentageSliderProps {
     value: number;
+    isDisabled?: boolean;
     onChange: (value: number) => void;
 }
 
diff --git a/packages/website/ts/@next/pages/landing.tsx b/packages/website/ts/@next/pages/landing.tsx
index f0190ede5..aa3e829b5 100644
--- a/packages/website/ts/@next/pages/landing.tsx
+++ b/packages/website/ts/@next/pages/landing.tsx
@@ -35,7 +35,7 @@ export class NextLanding extends React.Component<Props> {
         );
     }
 
-    private _onOpenContactModal(e): void {
+    private _onOpenContactModal(e: Event): void {
         e.preventDefault();
         this.setState({ isContactModalOpen: true });
     }
-- 
cgit