user authentication in browser

1 files changed, 56 insertions, 0 deletions

diff --git a/client/components/CalorieView.jsx b/client/components/CalorieView.jsx
new file mode 100644
index 0000000..3c5fe2d
--- /dev/null
+++ b/client/components/CalorieView.jsx
@@ -0,0 +1,56 @@
+import React from 'react'
+import ModalDialog from './ModalDialog.jsx'
+
+export default class LoggedOutView extends React.Component {
+  constructor() {
+    super()
+    this.state = { modal: null }
+//     this.showLogin = this.showLogin.bind(this)
+//     this.showSignup = this.showSignup.bind(this)
+//     this.closeModal = this.closeModal.bind(this)
+  }
+//   showLogin() {
+//     this.setState({ modal: 'login' })
+//   }
+//   showSignup() {
+//     this.setState({ modal: 'signup' })
+//   }
+//   closeModal() {
+//     this.setState({ modal: '' })
+//   }
+  render() {
+//     const loginVisible = this.state.modal == 'login'
+//     const signupVisible = this.state.modal == 'signup'
+    return (
+      <div>
+        LOGGED IN
+      </div>
+//         <Welcome
+//           onLoginClick={this.showLogin}
+//           onSignupClick={this.showSignup} />
+//         <LoginForm
+//           client={this.props.client}
+//           visible={loginVisible}
+//           onClose={this.closeModal} />
+//         <SignupForm
+//           client={this.props.client}
+//           visible={signupVisible}
+//           onClose={this.closeModal} />
+    )
+  }
+}
+
+
+// export default class UserForm extends React.Component {
+//   render() {
+//     return (
+//     )
+//   }
+// }
+//
+// export default class MealForm extends React.Component {
+//   render() {
+//     return (
+//     )
+//   }
+// }