yapp-project
diff --git a/‎package-lock.json
+186-45 b/‎package-lock.json
+186-45
diff --git a/‎package.json
+4-1 b/‎package.json
+4-1
diff --git a/‎public/index.html
-1 b/‎public/index.html
-1
diff --git a/‎src/App.js
+2-1 b/‎src/App.js
+2-1
diff --git a/‎src/components/Button/Button.jsx
+8-17 b/‎src/components/Button/Button.jsx
+8-17
diff --git a/‎src/components/Div/Div.jsx
+15 b/‎src/components/Div/Div.jsx
+15
diff --git a/‎src/components/Div/Div.scss
+3 b/‎src/components/Div/Div.scss
+3
@@ -30,5 +30,8 @@
     "not dead",
     "not ie <= 11",
     "not op_mini all"
-  ]
+  ],
+  "devDependencies": {
+    "css-loader": "^2.1.1"
+  }
 }
@@ -12,7 +12,6 @@
     <title>DrinkMe</title>
   </head>
   <body>
-    <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
   </body>
 </html>
@@ -1,7 +1,7 @@
 import React, { Component } from "react";
 import { Route, Switch, withRouter } from "react-router-dom";
 import { connect } from "react-redux";
-import { MainView } from "./containers";
+import { MainView, LoginPopup } from "./containers";
 
 const mapStateToProps = state => {
   return {};
@@ -14,6 +14,7 @@ class App extends Component {
       <div className="App">
         <Switch>
           <Route exact path="/" component={MainView} />
+          <Route exact path="/popup" component={LoginPopup} />
         </Switch>
       </div>
     );
 
@@ -1,23 +1,14 @@
-import React, { Component } from "react";
+import React from "react";
 import classNames from "classnames/bind";
 import styles from "./Button.scss";
 const cx = classNames.bind(styles);
 
-const defaultProps = {};
-const propTypes = {};
-
-class Button extends Component {
-  render() {
-    const { value, className, onClick } = this.props;
-    return (
-      <button className={cx(styles.button, className)} onClick={onClick}>
-        {value}
-      </button>
-    );
-  }
-}
-
-Button.defaultProps = defaultProps;
-Button.propTypes = propTypes;
+const Button = ({ className, value, onClick }) => {
+  return (
+    <button className={cx(styles.button, className)} onClick={onClick}>
+      {value}
+    </button>
+  );
+};
 
 export default Button;
@@ -0,0 +1,15 @@
+import React from "react";
+import classNames from "classnames/bind";
+import styles from "./Div.scss";
+
+const cx = classNames.bind(styles);
+
+const Div = ({ className, content, onClick }) => {
+  return (
+    <div className={cx(className)} onClick={onClick}>
+      {content}
+    </div>
+  );
+};
+
+export default Div;
@@ -0,0 +1,3 @@
+.div {
+  background: blue;
+}
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+.div {`
	`2`	`+ background: blue;`
	`3`	`+}`