refactor(client): convert space to TypeScript

client/src/components/helpers/index.js

@@ -3,7 +3,7 @@ export { default as FullWidthRow } from './FullWidthRow';
 export { default as SlimWidthRow } from './SlimWidthRow';
 export { default as Loader } from './Loader';
 export { default as SkeletonSprite } from './SkeletonSprite';
-export { default as Spacer } from './Spacer';
+export { default as Spacer } from './space';
 export { default as Link } from './Link';
 export { default as CurrentChallengeLink } from './CurrentChallengeLink';
 export { default as ImageLoader } from './ImageLoader';

client/src/components/helpers/space.tsx

@@ -1,11 +1,16 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+
+interface SpacerProps {
+  size: number;
+}
 
 const styles = { padding: '15px 0', height: '1px' };
 
-const Comp = props => <div className='spacer' style={styles} {...props} />;
+const Comp: React.FC = ({ ...props }) => (
+  <div className='spacer' style={styles} {...props} />
+);
 
-const Spacer = ({ size = 1 }) =>
+const Spacer = ({ size = 1 }: SpacerProps): React.ReactNode =>
   size === 1 ? (
     <Comp />
   ) : (
@@ -15,8 +20,4 @@ const Spacer = ({ size = 1 }) =>
       .map((_, i) => <Comp key={`spacer_${i}`} />)
   );
 
-Spacer.propTypes = {
-  size: PropTypes.number
-};
-
 export default Spacer;