selectively import icons for smaller js

src/components/atoms/Icon.tsx

@@ -1,31 +1,56 @@
 import React from 'react'
 
 // https://featherstyles.com
-import * as Feather from 'react-feather'
+// import * as Feather from 'react-feather'
+import {
+  ArrowDownCircle,
+  Edit,
+  GitHub,
+  Twitter,
+  Rss,
+  Sun,
+  Moon,
+  Compass,
+  X,
+  Clipboard,
+  Search,
+  ExternalLink,
+  Link,
+  ChevronRight,
+  ChevronLeft
+} from 'react-feather'
 // custom icons
 import { ReactComponent as Jsonfeed } from '../../images/jsonfeed.svg'
 import { ReactComponent as Bitcoin } from '../../images/bitcoin.svg'
 import styles from './Icon.module.scss'
 
 const components: any = {
-  Download: Feather.ArrowDownCircle,
-  Blog: Feather.Edit,
-  Keybase: Feather.Key,
+  Download: ArrowDownCircle,
   Jsonfeed,
-  Bitcoin
+  Bitcoin,
+  ArrowDownCircle,
+  Edit,
+  GitHub,
+  Twitter,
+  Rss,
+  Sun,
+  Moon,
+  Compass,
+  X,
+  Clipboard,
+  Search,
+  ExternalLink,
+  Link,
+  ChevronRight,
+  ChevronLeft
 }
 
 const Icon = ({ name }: { name: string }) => {
   const IconMapped = components[name]
-  const Icon = (Feather as any)[name]
+  // const IconFeather = (Feather as any)[name]
+  if (!IconMapped) return null
 
-  if (!IconMapped && !Icon) return null
-
-  return IconMapped ? (
-    <IconMapped className={styles.icon} />
-  ) : (
-    <Icon className={styles.icon} />
-  )
+  return <IconMapped className={styles.icon} />
 }
 
 export default Icon