Placing BaseComponent in libs folder

Author: marcusvmsa

client/app/bundles/comments/components/CommentBox/CommentBox.jsx

@@ -3,7 +3,7 @@ import React, { PropTypes } from 'react';
 import CommentForm from './CommentForm/CommentForm';
 import CommentList from './CommentList/CommentList';
 import css from './CommentBox.scss';
-import BaseComponent from '../BaseComponent';
+import BaseComponent from 'libs/components/BaseComponent';
 
 export default class CommentBox extends BaseComponent {
   static propTypes = {

client/app/bundles/comments/components/CommentBox/CommentForm/CommentForm.jsx

@@ -9,7 +9,7 @@ import Alert from 'react-bootstrap/lib/Alert';
 import ReactCSSTransitionGroup from 'react/lib/ReactCSSTransitionGroup';
 import _ from 'lodash';
 
-import BaseComponent from '../../BaseComponent';
+import BaseComponent from 'libs/components/BaseComponent';
 
 const emptyComment = { author: '', text: '' };
 const textPlaceholder = 'Say something using markdown...';

client/app/bundles/comments/components/CommentBox/CommentList/Comment/Comment.jsx

@@ -2,7 +2,7 @@ import React, { PropTypes } from 'react';
 import marked from 'marked';
 
 import css from './Comment.scss';
-import BaseComponent from '../../../BaseComponent';
+import BaseComponent from 'libs/components/BaseComponent';
 
 export default class Comment extends BaseComponent {
   static propTypes = {

client/app/bundles/comments/components/CommentBox/CommentList/CommentList.jsx

@@ -5,7 +5,7 @@ import ReactCSSTransitionGroup from 'react/lib/ReactCSSTransitionGroup';
 import _ from 'lodash';
 
 import Comment from './Comment/Comment';
-import BaseComponent from '../../BaseComponent';
+import BaseComponent from 'libs/components/BaseComponent';
 
 export default class CommentList extends BaseComponent {
   static propTypes = {

client/app/bundles/comments/components/CommentScreen/CommentScreen.jsx

@@ -2,7 +2,7 @@ import React, { PropTypes } from 'react';
 
 import CommentBox from '../CommentBox/CommentBox';
 import css from './CommentScreen.scss';
-import BaseComponent from '../BaseComponent';
+import BaseComponent from 'libs/components/BaseComponent';
 
 export default class CommentScreen extends BaseComponent {
 

client/app/bundles/comments/components/SimpleCommentScreen/SimpleCommentScreen.jsx

@@ -7,7 +7,7 @@ import metaTagsManager from 'libs/metaTagsManager';
 import CommentForm from '../CommentBox/CommentForm/CommentForm';
 import CommentList from '../CommentBox/CommentList/CommentList';
 import css from './SimpleCommentScreen.scss';
-import BaseComponent from '../BaseComponent';
+import BaseComponent from 'libs/components/BaseComponent';
 
 export default class SimpleCommentScreen extends BaseComponent {
   constructor(props, context) {

client/app/bundles/comments/components/TestReactRouter/TestReactRouter.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import BaseComponent from '../BaseComponent';
+import BaseComponent from 'libs/components/BaseComponent';
 
 export default class TestReactRouter extends BaseComponent {
   render() {

client/app/bundles/comments/components/TestReactRouterRedirect/TestReactRouterRedirect.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import BaseComponent from '../BaseComponent';
+import BaseComponent from 'libs/components/BaseComponent';
 
 export default class TestReactRouterRedirect extends BaseComponent {
   static checkAuth(nextState, replaceState) {

client/app/bundles/comments/containers/NonRouterCommentsContainer.jsx

@@ -4,7 +4,7 @@ import { bindActionCreators } from 'redux';
 
 import CommentScreen from '../components/CommentScreen/CommentScreen';
 import * as commentsActionCreators from '../actions/commentsActionCreators';
-import BaseComponent from '../components/BaseComponent';
+import BaseComponent from 'libs/components/BaseComponent';
 
 function select(state) {
   // Which part of the Redux global state does our component want to receive as props?

client/app/bundles/comments/containers/RouterCommentsContainer.jsx

@@ -4,7 +4,7 @@ import { bindActionCreators } from 'redux';
 
 import CommentScreen from '../components/CommentScreen/CommentScreen';
 import * as commentsActionCreators from '../actions/commentsActionCreators';
-import BaseComponent from '../components/BaseComponent';
+import BaseComponent from 'libs/components/BaseComponent';
 
 function select(state) {
   // Which part of the Redux global state does our component want to receive as props?