diff options
Diffstat (limited to 'packages/website/ts/@next/pages')
5 files changed, 14 insertions, 9 deletions
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 }); } |