crowetic/protocol
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

use styled-components theme in logo insted of color prop

Browse Source
This commit is contained in:
August Skare 2018-11-19 09:15:50 +01:00
parent b88e2c5483
commit b811b51af9
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/dev-tools-pages/ts/components/Header.tsx
View File

@ -9,11 +9,11 @@ import { Small } from './Typography';
const Header: React.StatelessComponent<{}> = () => ( const Header: React.StatelessComponent<{}> = () => (
<ThemeContext.Consumer> <ThemeContext.Consumer>
{({ icon, title, colors }: ContextInterface) => ( {({ icon, title }: ContextInterface) => (
<StyledHeader> <StyledHeader>
<Container> <Container>
<LogoMark> <LogoMark>
<Logo as={icon} color={colors.main} /> <Logo as={icon} />
<Title>{title}</Title> <Title>{title}</Title>
</LogoMark> </LogoMark>
@ -51,7 +51,7 @@ const LogoMark = styled.div`
`; `;
const StyledLogo = styled.div` const StyledLogo = styled.div`
color: ${props => props.color}; color: ${props => props.theme.colors.main};
width: 1.75rem; width: 1.75rem;
height: 100%; height: 100%;
`; `;