Add index.js to folders

src/components/anchors.js

@@ -1,27 +1,7 @@
 import React from 'react'
 import InlineSVG from 'svg-inline-react'
 
-import Activity from '../svgs/activity.svg'
+import * as SVGs from '../svgs'
-import Flags from '../svgs/flags.svg'
-import Foods from '../svgs/foods.svg'
-import Nature from '../svgs/nature.svg'
-import Objects from '../svgs/objects.svg'
-import People from '../svgs/people.svg'
-import Places from '../svgs/places.svg'
-import Recent from '../svgs/recent.svg'
-import Symbols from '../svgs/symbols.svg'
-
-var svgs = {
-  Activity,
-  Flags,
-  Foods,
-  Nature,
-  Objects,
-  People,
-  Places,
-  Recent,
-  Symbols,
-}
 
 export default class Anchors extends React.Component {
   constructor(props) {
@@ -41,7 +21,7 @@ export default class Anchors extends React.Component {
         var { name } = category
 
         return <span key={name} className={`emoji-picker-anchor ${name == selected ? 'emoji-picker-anchor-selected' : ''}`}>
-          <InlineSVG src={svgs[name]} />
+          <InlineSVG src={SVGs[name]} />
           <span className='emoji-picker-anchor-bar'></span>
         </span>
       })}

src/components/category.js

@@ -1,5 +1,5 @@
 import React from 'react'
-import Emoji from './emoji'
+import {Emoji} from '.'
 
 export default class Category extends React.Component {
   componentDidMount() {

src/components/index.js

@@ -0,0 +1,6 @@
+export {default as Anchors} from './anchors'
+export {default as Category} from './category'
+export {default as Emoji} from './emoji'
+export {default as Picker} from './picker'
+export {default as Preview} from './preview'
+export {default as Search} from './search'

src/components/picker.js

@@ -1,12 +1,9 @@
 import '../utils/raf-polyfill'
 
 import React from 'react'
-
 import data from '../../data'
-import Preview from './preview'
+
-import Category from './category'
+import {Anchors, Category, Preview, Search} from '.'
-import Search from './search'
-import Anchors from './anchors'
 
 const DEFAULT_CATEGORIES = [
   { name: 'Recent', emojis: null }

src/components/preview.js

@@ -1,5 +1,5 @@
 import React from 'react'
-import Emoji from './emoji'
+import {Emoji} from '.'
 
 export default class Preview extends React.Component {
   constructor(props) {

src/index.js

@@ -1,4 +1,4 @@
-export {default as Category} from './components/category'
+export {
-export {default as Emoji} from './components/emoji'
+  Picker,
-export {default as Picker} from './components/picker'
+  Emoji,
-export {default as Preview} from './components/preview'
+} from './components'

src/svgs/index.js

@@ -0,0 +1,9 @@
+export {default as Activity} from './activity.svg'
+export {default as Flags} from './flags.svg'
+export {default as Foods} from './foods.svg'
+export {default as Nature} from './nature.svg'
+export {default as Objects} from './objects.svg'
+export {default as People} from './people.svg'
+export {default as Places} from './places.svg'
+export {default as Recent} from './recent.svg'
+export {default as Symbols} from './symbols.svg'