Production release

README.md

@@ -107,6 +107,15 @@ SCSS Files
       }
     }
   }
+SVG Icons
+  - This repository uses plugin babel-plugin-inline-react-svg 
+  - The plugin is used to inline-embed svg icons inside the markup
+  
+  Steps to adding new icons
+  - Insert the svg file in the ~/src/assets/images/ directory 
+  - Add a new icon component file in directory ~/src/components/Icons/Icon-Name.jsx and reference it on the global 
+    icon component in the ~/src/components/icons/ directory
+  - Wrap the svg icon inside an object for caching to optimize on perfomance.
   ```
 
 ### Writing Tests

circle.yml

@@ -29,7 +29,7 @@ deployment:
     commands:
       - ./deploy.sh TEST01
   test02:
-    branch: notifications
+    branch: bugBash06
     owner: appirio-tech
     commands:
       - ./deploy.sh TEST02

config/constants/dev.js

@@ -12,7 +12,7 @@ module.exports = {
   AUTH0_CLIENT_ID   : process.env.AUTH0_CLIENT_ID_DEV,
   domain            : 'topcoder-dev.com',
   DOMAIN            : 'topcoder-dev.com',
-  CONNECT_MESSAGE_API_URL: process.env.CONNECT_MESSAGE_API_URL, 
+  CONNECT_MESSAGE_API_URL: process.env.CONNECT_MESSAGE_API_URL,
   ENV               : 'DEV',
 
   PROJECTS_API_URL  : 'https://api.topcoder-dev.com',

config/webpack/default.js

@@ -34,7 +34,7 @@ module.exports = {
       options: {
         babelrc: false,
         presets: [ 'env', 'react', 'stage-2' ],
-        plugins: [ 'lodash' ]
+        plugins: ['lodash', 'inline-react-svg']
       }
     }, {
       test: /\.(coffee|litcoffee|cjsx)$/,
@@ -91,7 +91,10 @@ module.exports = {
       '.gif',
       '.jpg',
       '.cjsx'
-    ]
+    ],
+    alias: {
+      handlebars: 'handlebars/dist/handlebars.min.js'
+    }
   },
 
   plugins: [
@@ -111,8 +114,7 @@ module.exports = {
     // Only emit files when there are no errors
     new webpack.NoEmitOnErrorsPlugin(),
     new ExtractCssChunks({
-      filename: '[name].css',
-      justExtract: true
+      filename: '[name].css'
     })
   ]
 }

config/webpack/development.js

@@ -26,7 +26,8 @@ module.exports = webpackMerge.strategy({
         plugins: [
           'lodash',
           // add react hot reloader
-          'react-hot-loader/babel'
+          'react-hot-loader/babel',
+          'inline-react-svg'
         ]
       }
     }, {