diff options
Diffstat (limited to 'packages/dev-tools-pages/ts/components/Compiler.tsx')
| -rw-r--r-- | packages/dev-tools-pages/ts/components/Compiler.tsx | 45 |
1 files changed, 22 insertions, 23 deletions
diff --git a/packages/dev-tools-pages/ts/components/Compiler.tsx b/packages/dev-tools-pages/ts/components/Compiler.tsx index 37796e6cc..f16365fd0 100644 --- a/packages/dev-tools-pages/ts/components/Compiler.tsx +++ b/packages/dev-tools-pages/ts/components/Compiler.tsx @@ -1,10 +1,11 @@ import * as React from 'react'; import styled from 'styled-components'; -import { media, colors } from '../variables'; -import Container from './Container'; -import InlineCode from './InlineCode'; -import Breakout from './Breakout'; +import { colors, media } from 'ts/variables'; + +import { Breakout } from './Breakout'; +import { Container } from './Container'; +import { InlineCode } from './InlineCode'; const Cards = styled.dl` column-count: 3; @@ -12,7 +13,7 @@ const Cards = styled.dl` ${media.medium` column-count: 1; - `}: ; + `}; `; const Card = styled.div` @@ -46,7 +47,7 @@ const cards = [ title: 'A Project-centric', body: ( <React.Fragment> - Compiles an entire project instead of only individual <InlineCode alt>.sol</InlineCode> files. + Compiles an entire project instead of only individual <InlineCode isAlt={true}>.sol</InlineCode> files. </React.Fragment> ), }, @@ -70,21 +71,19 @@ const cards = [ }, ]; -function Compiler() { - return ( - <Container> - <Breakout> - <Cards> - {cards.map(card => ( - <Card key={card.title.split(' ').join('-')}> - <Dt>{card.title}</Dt> - <Dd>{card.body}</Dd> - </Card> - ))} - </Cards> - </Breakout> - </Container> - ); -} +const Compiler: React.StatelessComponent<{}> = () => ( + <Container> + <Breakout> + <Cards> + {cards.map(card => ( + <Card key={card.title.split(' ').join('-')}> + <Dt>{card.title}</Dt> + <Dd>{card.body}</Dd> + </Card> + ))} + </Cards> + </Breakout> + </Container> +); -export default Compiler; +export { Compiler }; |