Move LinkInButton in Link file

Author: csouchet

src/theme/components/Footer.tsx

@@ -18,7 +18,7 @@ import styled from 'styled-components';
 import { Box, Flex, Image, Text } from 'rebass/styled-components';
 import { Fade } from 'react-awesome-reveal';
 import SocialLink from './SocialLink';
-import Link from './Link';
+import { Link } from './Link';
 import { GATSBY_URL, MEDIA_QUERY_SMALL } from '../utils/constants';
 import { landing } from '../../content/LandingContent';
 import { header } from '../../content/HeaderContent';

src/theme/components/Header.tsx

@@ -23,7 +23,7 @@ import {
   Button,
 } from 'rebass/styled-components';
 import styled from 'styled-components';
-import Link from './Link';
+import { Link } from './Link';
 import { capitalize } from '../utils/string';
 import { SECTION } from '../utils/constants';
 import { getSectionHref } from '../utils/helpers';

src/theme/components/Link.tsx

@@ -54,4 +54,12 @@ const Link = styled.a<Props>`
   }
 `;
 
-export default Link;
+const LinkInButton = styled.a`
+  text-decoration: none;
+  display: block;
+  padding: '8px 16px';
+  font-weight: 600;
+  color: inherit;
+`;
+
+export { Link, LinkInButton };

src/theme/components/PageHeader.tsx

@@ -25,7 +25,7 @@ import {
 import styled from 'styled-components';
 import { header } from '../../content/HeaderContent';
 import { PAGE } from '../utils/constants';
-import Link from './Link';
+import { Link } from './Link';
 import { capitalize } from '../utils/string';
 
 const PageHeader = (): JSX.Element => {

src/theme/components/Post.tsx

@@ -20,6 +20,7 @@ import { PostDescription } from '../types';
 import { Card, CardContainer } from './Card';
 import CardFooter from './CardFooter';
 import { Fade } from 'react-awesome-reveal';
+import { LinkInButton } from './Link';
 
 const cardMinWidth = '350px';
 
@@ -113,11 +114,3 @@ const DownFade = ({ children }: { children: ReactNode }): JSX.Element => (
     {children}
   </Fade>
 );
-
-const LinkInButton = styled.a`
-  text-decoration: none;
-  display: block;
-  padding: '8px 16px';
-  font-weight: 600;
-  color: inherit;
-`;

src/theme/components/Section.tsx

@@ -17,7 +17,7 @@ import React, { ReactNode } from 'react';
 import styled from 'styled-components';
 import { Heading } from 'rebass/styled-components';
 import { Slide } from 'react-awesome-reveal';
-import Link from './Link';
+import { Link } from './Link';
 import { MEDIA_QUERY_SMALL, SECTION } from '../utils/constants';
 import { getSectionHref } from '../utils/helpers';