Using the reusable Link component from react-shared for components with links in docs

This commit is contained in:
Piotr Janosz
2019-07-19 15:45:19 +02:00
committed by fabioberger
parent d5039809de
commit 88acdaff90
8 changed files with 40 additions and 35 deletions

View File

@@ -19,7 +19,7 @@ export interface IResourceProps {
export const Resource: React.FC<IResourceProps> = ({ heading, description, isCommunity, url, tags }) => {
return (
<Wrapper>
<ResourceWrapper>
<Heading color={colors.brandDark} size="small" marginBottom="8px">
<Link to={url}>{heading}</Link>
</Heading>
@@ -35,11 +35,11 @@ export const Resource: React.FC<IResourceProps> = ({ heading, description, isCom
</Tags>
<Level difficulty={Difficulty.Beginner} />
</Meta>
</Wrapper>
</ResourceWrapper>
);
};
const Wrapper = styled.div`
const ResourceWrapper = styled.div`
border: 1px solid #d7e3db;
padding: 25px 30px 5px;
margin-bottom: 1.1rem;