diff options
Diffstat (limited to 'packages/website/ts/@next/components/logo.tsx')
| -rw-r--r-- | packages/website/ts/@next/components/logo.tsx | 9 |
1 files changed, 4 insertions, 5 deletions
diff --git a/packages/website/ts/@next/components/logo.tsx b/packages/website/ts/@next/components/logo.tsx index 5d6258f37..9f147e3fb 100644 --- a/packages/website/ts/@next/components/logo.tsx +++ b/packages/website/ts/@next/components/logo.tsx @@ -2,14 +2,13 @@ import * as React from 'react'; import styled from 'styled-components'; import { ThemeInterface } from 'ts/@next/components/siteWrap'; -import LogoIcon from '../icons/logo-with-type.svg'; +import LogoIcon from 'ts/@next/icons/logo-with-type.svg'; interface LogoInterface { - light?: any; + isLight?: boolean; theme?: ThemeInterface; } - // Note let's refactor this // is it absolutely necessary to have a stateless component // to pass props down into the styled icon? @@ -21,11 +20,11 @@ const Icon = styled(LogoIcon)` flex-shrink: 0; path { - fill: ${(props: LogoInterface) => props.light ? '#fff' : props.theme.textColor}; + fill: ${(props: LogoInterface) => props.isLight ? '#fff' : props.theme.textColor}; } `; -export const Logo: React.StatelessComponent<LogoInterface> = (props) => ( +export const Logo: React.StatelessComponent<LogoInterface> = (props: LogoInterface) => ( <StyledLogo> <Icon {...props} /> </StyledLogo> |