Merge pull request netlify#2 from andrewsjkang/master

Removed unnecessary css files

src/App.js

@@ -1,47 +1,29 @@
 import React, { Component } from 'react';
-import logo from './logo.svg';
-import './App.css';
+import Classroom from './components/classroom/Classroom';
 
-class LambdaDemo extends Component {
+class App extends Component {
   constructor(props) {
     super(props);
-    this.state = {loading: false, msg: null};
+    this.state = {
+      currentView: 'room'
+    }
   }
 
-  handleClick = (e) => {
-    e.preventDefault();
+  switchView() {
+    var currentView = this.state.currentView;
 
-    this.setState({loading: true});
-    fetch('/.netlify/functions/hello')
-      .then(response => response.json())
-      .then(json => this.setState({loading: false, msg: json.msg}));
+    if (currentView === 'room') {
+      return <Classroom />
+    }
   }
 
-  render() {
-    const {loading, msg} = this.state;
-
-    return <p>
-      <button onClick={this.handleClick}>{loading ? 'Loading...' : 'Call Lambda'}</button><br/>
-      <span>{msg}</span>
-    </p>
-  }
-}
-
-class App extends Component {
   render() {
     return (
-      <div className="App">
-        <header className="App-header">
-          <img src={logo} className="App-logo" alt="logo" />
-          <h1 className="App-title">Welcome to React</h1>
-        </header>
-        <p className="App-intro">
-          To get started, edit <code>src/App.js</code> and save to reload.
-        </p>
-        <LambdaDemo/>
+      <div>
+        { this.switchView() }
       </div>
-    );
+    )
   }
 }
 
-export default App;
+export default App;

src/App_Sample.js

@@ -0,0 +1,47 @@
+import React, { Component } from 'react';
+import logo from './logo.svg';
+import './App.css';
+
+class LambdaDemo extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {loading: false, msg: null};
+  }
+
+  handleClick = (e) => {
+    e.preventDefault();
+
+    this.setState({loading: true});
+    fetch('/.netlify/functions/hello')
+      .then(response => response.json())
+      .then(json => this.setState({loading: false, msg: json.msg}));
+  }
+
+  render() {
+    const {loading, msg} = this.state;
+
+    return <p>
+      <button onClick={this.handleClick}>{loading ? 'Loading...' : 'Call Lambda'}</button><br/>
+      <span>{msg}</span>
+    </p>
+  }
+}
+
+class App extends Component {
+  render() {
+    return (
+      <div className="App">
+        <header className="App-header">
+          <img src={logo} className="App-logo" alt="logo" />
+          <h1 className="App-title">Welcome to React</h1>
+        </header>
+        <p className="App-intro">
+          To get started, edit <code>src/App.js</code> and save to reload.
+        </p>
+        <LambdaDemo/>
+      </div>
+    );
+  }
+}
+
+export default App;

src/components/classroom/Classroom.js

@@ -0,0 +1,13 @@
+import React, { Component } from 'react';
+
+class Classroom extends Component {
+  render() {
+    return(
+      <div>
+        This is the Classroom!
+      </div>
+    )
+  }
+}
+
+export default Classroom

src/index.js

@@ -1,6 +1,5 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import './index.css';
 import App from './App';
 import registerServiceWorker from './registerServiceWorker';