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

Correct icon interface

Browse Source
This commit is contained in:
Fred Carlsen
2018-12-10 14:26:44 +01:00
parent 55ed406746
commit c4ee6836fa
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/website/ts/@next/components/icon.tsx
View File

@@ -8,7 +8,7 @@ interface IconProps extends PaddingInterface {
size?: 'small' | 'medium' | 'large' | number;
}
export const Icon: React.FunctionComponent<Props> = (props: Props) => {
export const Icon: React.FunctionComponent<IconProps> = (props: IconProps) => {
const IconSVG = Loadable({
loader: () => import(/* webpackChunkName: "icon" */`ts/@next/icons/illustrations/${props.name}.svg`),
loading: () => 'Loading',
@@ -21,7 +21,7 @@ export const Icon: React.FunctionComponent<Props> = (props: Props) => {
);
};
export const InlineIconWrap = styled.div`
export const InlineIconWrap = styled.div<IconProps>`
margin: ${props => getCSSPadding(props.margin)};
display: flex;
align-items: center;
@@ -40,7 +40,7 @@ const _getSize = (size: string | number = 'small'): string => {
return `${size}px`;
};
const StyledIcon = styled.figure`
const StyledIcon = styled.figure<IconProps>`
width: ${props => _getSize(props.size)};
height: ${props => _getSize(props.size)};
margin: ${props => getCSSPadding(props.margin)};