Merge pull request #1 from waynezhang1995/CSS-Module-Update

CSS Module support

Author: waynezhang1995

package-lock.json

@@ -4,14 +4,14 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@material-ui/core": "^3.9.2",
+    "@material-ui/core": "^3.9.4",
     "@material-ui/icons": "^3.0.2",
-    "bootstrap": "^4.3.1",
+    "bootstrap": "^4.4.1",
     "moment": "^2.22.2",
-    "react": "^16.8.4",
-    "react-dom": "^16.8.4",
+    "react": "^16.13.0",
+    "react-dom": "^16.13.0",
     "react-scripts": "2.1.8",
-    "react-swipeable-views": "^0.13.1",
+    "react-swipeable-views": "^0.13.9",
     "reactstrap": "^7.1.0"
   },
   "scripts": {
@@ -32,7 +32,7 @@
     "not op_mini all"
   ],
   "devDependencies": {
-    "gh-pages": "^2.0.1",
+    "gh-pages": "^2.2.0",
     "react-social-icons": "^4.1.0"
   }
 }

package.json

@@ -8,13 +8,7 @@ import SkillPanel from '../skill-panel/SkillPanel';
 import EducationPanel from '../education-panel/EducationPanel';
 import ProjectTabPanel from '../project-tabpanel/ProjectTabPanel';
 import SwipeableViews from 'react-swipeable-views';
-import './DetailTabPanel.css';
-
-const styles = {
-    tabPanelRoot: 'tabPanelRoot',
-    tabPanelText: 'tabPanelText',
-    tabContainer: 'tabContainer'
-}
+import styles from './DetailTabPanel.module.css';
 
 class DetailTabPanel extends Component {
 
@@ -33,7 +27,7 @@ class DetailTabPanel extends Component {
 
     handleChangeIndex = index => {
         this.setState({ value: index });
-      };
+    };
 
     render() {
         const { value } = this.state;