feat(Icons): create IconFactory HOC util component

issue #82

src/components/Icons/Close.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import Icon from '@ant-design/icons';
+import IconFactory from './IconFactory';
 
 const Svg = () => (
   <svg
@@ -16,6 +16,5 @@ const Svg = () => (
   </svg>
 );
 
-const Close = (props) => <Icon component={Svg} {...props} />;
-
+const Close = IconFactory(Svg);
 export default Close;

src/components/Icons/Comment.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import Icon from '@ant-design/icons';
+import IconFactory from './IconFactory';
 
 const Svg = () => (
   <svg
@@ -24,6 +24,5 @@ const Svg = () => (
   </svg>
 );
 
-const Comment = (props) => <Icon component={Svg} {...props} />;
-
+const Comment = IconFactory(Svg);
 export default Comment;

src/components/Icons/Hamburger.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import Icon from '@ant-design/icons';
+import IconFactory from './IconFactory';
 
 const Svg = () => (
   <svg
@@ -16,6 +16,5 @@ const Svg = () => (
   </svg>
 );
 
-const Hamburger = (props) => <Icon component={Svg} {...props} />;
-
+const Hamburger = IconFactory(Svg);
 export default Hamburger;

src/components/Icons/IconFactory.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+import Icon from '@ant-design/icons';
+
+interface Props {
+  className?: string;
+}
+
+type IconType = (props: Props) => JSX.Element;
+
+const IconFactory = (
+  svg: React.ComponentType<React.SVGProps<SVGSVGElement>>
+): IconType => {
+  const IconComponent = ({ className }: Props): JSX.Element => (
+    <Icon component={svg} className={className} />
+  );
+  return IconComponent;
+};
+
+export default IconFactory;