...
 
Commits (2)
......@@ -10,8 +10,9 @@ const Component = styled.p`
const Percentage = ({ percentage, ...props }) => (
<Component {...props}>
<Serif $as="div" fontSize={4} letterSpacing={0.15}>{percentage.toFixed(2)}%</Serif>
<Text $as="div" fontSize={0.75} letterSpacing={0.15} textTransform={'uppercase'}>za nami</Text>
<Serif $as="span" fontSize={4} letterSpacing={0.15}>{percentage.toFixed(2)}%</Serif>
<br/>
<Text $as="span" fontSize={0.75} letterSpacing={0.15} textTransform={'uppercase'}>za nami</Text>
</Component>
);
......
......@@ -6,10 +6,11 @@ import PropTypes from 'prop-types';
const Summary = ({ days, hours, minutes, seconds, ...props }) => {
return (
<p {...props}>
<Serif $as="div" fontSize={1} fontWeight={800}>
<Serif $as="span" fontSize={1} fontWeight={800}>
{days} dni {hours} godzin {minutes} minut {seconds} sekund
</Serif>
<Text $as="div" fontSize={0.75} letterSpacing={0.15} textTransform={'uppercase'}>pozostało</Text>
<br/>
<Text $as="span" fontSize={0.75} letterSpacing={0.15} textTransform={'uppercase'}>pozostało</Text>
</p>
);
};
......
......@@ -15,7 +15,7 @@ const Link = ({ to, children, ...props }) => (
Link.propTypes = {
to: PropTypes.string.isRequired,
children: PropTypes.element.isRequired
children: PropTypes.node.isRequired
};
export default Link;
......@@ -10,7 +10,7 @@ const Handwriting = props => {
};
Handwriting.propTypes = {
children: PropTypes.element.isRequired
children: PropTypes.node.isRequired
};
export default Handwriting;
......@@ -11,7 +11,7 @@ const Serif = ({ children, ...props }) => {
};
Serif.propTypes = {
children: PropTypes.element.isRequired
children: PropTypes.node.isRequired
};
export default Serif;
......@@ -41,7 +41,7 @@ Text.propTypes = {
fontWeight: PropTypes.number,
letterSpacing: PropTypes.number,
textTransform: PropTypes.oneOf(['none', 'capitalize', 'uppercase', 'lowercase', 'initial', 'inherit']),
children: PropTypes.element.isRequired
children: PropTypes.node.isRequired
};
export default Text;