diff options
Diffstat (limited to 'packages')
7 files changed, 4 insertions, 22 deletions
diff --git a/packages/dev-tools-pages/ts/components/Base.tsx b/packages/dev-tools-pages/ts/components/Base.tsx index 369a2525d..8e608ecdd 100644 --- a/packages/dev-tools-pages/ts/components/Base.tsx +++ b/packages/dev-tools-pages/ts/components/Base.tsx @@ -8,7 +8,6 @@ import { GlobalStyles } from 'ts/globalStyles'; interface BaseProps { context: any; - children: React.ReactNode; } const Base: React.StatelessComponent<BaseProps> = props => ( diff --git a/packages/dev-tools-pages/ts/components/Code.tsx b/packages/dev-tools-pages/ts/components/Code.tsx index 71555b84d..e29414d2d 100644 --- a/packages/dev-tools-pages/ts/components/Code.tsx +++ b/packages/dev-tools-pages/ts/components/Code.tsx @@ -12,7 +12,6 @@ const isTouch = Boolean( ); interface CodeProps { - children: React.ReactNode; language?: string; isLight?: boolean; isDiff?: boolean; diff --git a/packages/dev-tools-pages/ts/components/Content.tsx b/packages/dev-tools-pages/ts/components/Content.tsx index 328ef0778..55550441c 100644 --- a/packages/dev-tools-pages/ts/components/Content.tsx +++ b/packages/dev-tools-pages/ts/components/Content.tsx @@ -23,7 +23,6 @@ const StyledMain = interface MainProps { dark?: boolean; - children: React.ReactNode; } const Content: React.StatelessComponent<MainProps> = props => ( diff --git a/packages/dev-tools-pages/ts/components/Hero.tsx b/packages/dev-tools-pages/ts/components/Hero.tsx index 9db15cb36..8b6d6ade3 100644 --- a/packages/dev-tools-pages/ts/components/Hero.tsx +++ b/packages/dev-tools-pages/ts/components/Hero.tsx @@ -7,11 +7,7 @@ import { media } from 'ts/variables'; import { Button } from './Button'; import { Beta } from './Typography'; -interface HeroProps extends ContextInterface { - children: React.ReactNode; -} - -const Hero: React.StatelessComponent<HeroProps> = ({ children }) => ( +const Hero: React.StatelessComponent<ContextInterface> = ({ children }) => ( <ThemeContext.Consumer> {({ subtitle, tagline }: ContextInterface) => ( <StyledHero> diff --git a/packages/dev-tools-pages/ts/components/Intro.tsx b/packages/dev-tools-pages/ts/components/Intro.tsx index ecc926e3c..54b14f237 100644 --- a/packages/dev-tools-pages/ts/components/Intro.tsx +++ b/packages/dev-tools-pages/ts/components/Intro.tsx @@ -44,13 +44,8 @@ const StyledIntroAside = styled.div` `}; `; -interface IntroProps { - children?: React.ReactNode; -} - interface IntroLeadProps { title: string; - children?: React.ReactNode; } const IntroLead: React.StatelessComponent<IntroLeadProps> = props => ( @@ -60,13 +55,13 @@ const IntroLead: React.StatelessComponent<IntroLeadProps> = props => ( </StyledIntroLead> ); -const IntroAside: React.StatelessComponent<IntroProps> = props => ( +const IntroAside: React.StatelessComponent<{}> = props => ( <Breakout> <StyledIntroAside>{props.children}</StyledIntroAside> </Breakout> ); -const Intro: React.StatelessComponent<IntroProps> = props => ( +const Intro: React.StatelessComponent<{}> = props => ( <Container wide={true}> <Main>{props.children}</Main> </Container> diff --git a/packages/dev-tools-pages/ts/components/List.tsx b/packages/dev-tools-pages/ts/components/List.tsx index 39e80de13..5d5f03d2f 100644 --- a/packages/dev-tools-pages/ts/components/List.tsx +++ b/packages/dev-tools-pages/ts/components/List.tsx @@ -36,7 +36,6 @@ const StyledItem = styled.li` interface ListProps { items?: []; - children?: React.ReactNode; } const List: React.StatelessComponent<ListProps> = props => ( diff --git a/packages/dev-tools-pages/ts/components/Tabs.tsx b/packages/dev-tools-pages/ts/components/Tabs.tsx index c1d5f6b7f..ece0db866 100644 --- a/packages/dev-tools-pages/ts/components/Tabs.tsx +++ b/packages/dev-tools-pages/ts/components/Tabs.tsx @@ -46,11 +46,7 @@ const Root = } `; -interface TabsProps { - children: React.ReactNode; -} - -const Tabs: React.StatelessComponent<TabsProps> = props => ( +const Tabs: React.StatelessComponent<{}> = props => ( <Breakout> <Root> <ReactTabs> @@ -69,7 +65,6 @@ const Tabs: React.StatelessComponent<TabsProps> = props => ( interface TabBlockProps { title: string; - children: React.ReactNode; } const TabBlock: React.StatelessComponent<TabBlockProps> = props => <React.Fragment>{props.children}</React.Fragment>; |