Fix website errors related to props/children

2019-02-25 15:22:35 +01:00
parent d48af7c4c2
commit c6cdea77b6
9 changed files with 67 additions and 17 deletions
--- a/packages/website/ts/components/aboutPageLayout.tsx
+++ b/packages/website/ts/components/aboutPageLayout.tsx
@@ -34,9 +34,9 @@ export const AboutPageLayout = (props: Props) => (
                <Column width="100%" maxWidth="680px">
                    <AnimatedHeading size="medium">{props.title}</AnimatedHeading>

-                    <AnimatedParagraph size="medium" marginBottom="60px" isMuted={0.65}>
+                    <AnimatedIntro>
                        {props.description}
-                    </AnimatedParagraph>
+                    </AnimatedIntro>

                    {props.linkLabel && (props.href || props.to) && (
                        <AnimatedLink
@@ -61,7 +61,7 @@ const AnimatedHeading = styled(Heading)`
    ${addFadeInAnimation('0.5s')};
 `;

-const AnimatedParagraph = styled(Paragraph)`
+const AnimatedIntro = styled.div`
    ${addFadeInAnimation('0.5s', '0.15s')};
 `;