Create a generic SideBar

- Use High Order Component to make it flexible
- Delete index-page side-bar

CHANGELOG.md

@@ -1,5 +1,9 @@
 ### UNRELEASED
 
+### 4.0.0
+- Create a Side Bar High Order Component in side-bar/components/side-bar.js
+- Delete index-page/src/components/side-bar.js
+
 ### 3.0.2
 - [Bug] Import Header component the right way
 

index-page/index.js

@@ -9,7 +9,6 @@ import ReporterIntro from './src/components/reporter-intro'
 import ReviewsSection from './src/components/reviews'
 import ScrollFadein from './src/components/animations/scroll-fadein'
 import SeachBox from './src/components/search-box'
-import SideBar from './src/components/side-bar'
 import TopicsSection from './src/components/topics-section'
 
 export default {
@@ -25,7 +24,6 @@ export default {
     ReviewsSection,
     ScrollFadein,
     SeachBox,
-    SideBar,
     TopicsSection,
   },
 }

package.json

@@ -2,10 +2,11 @@
   "name": "@twreporter/react-components",
   "repository": "https://github.com/twreporter/twreporter-react-components.git",
   "license": "AGPL-3.0",
-  "version": "3.0.2",
+  "version": "4.0.0",
   "main": "lib/main.js",
   "scripts": {
-    "lint": "eslint \"**/src/**/*.js\" --config .eslintrc",
+    "lint": "eslint \"**/*.js\" --config .eslintrc",
+    "lint-fix": "eslint \"**/*.js\" --config .eslintrc --fix",
     "lint:eslint": "eslint --config .eslintrc",
     "lint:staged": "lint-staged",
     "clean:lib": "gulp clean-build",
@@ -22,6 +23,7 @@
   "pre-commit": "lint:staged",
   "devDependencies": {
     "babel-core": "^6.17.0",
+    "babel-eslint": "^8.2.1",
     "babel-plugin-inline-react-svg": "^0.4.0",
     "babel-plugin-module-resolver": "^2.7.1",
     "babel-plugin-styled-components": "^1.1.7",
@@ -52,6 +54,7 @@
   },
   "dependencies": {
     "@twreporter/velocity-react": "^1.4.1",
+    "hoist-non-react-statics": "^2.3.1",
     "lodash": "^4.17.4",
     "prop-types": "^15.5.10",
     "react-router": "^3.0.0",