- refactor various components to be able to use context API

Author: mr-rob0to

imports/ui/components/forgot_password.jsx

@@ -39,10 +39,10 @@ class ForgotPassword extends React.Component {
 
   render() {
     const { validated, error, success, processing } = this.state;
-    const { isLoggedIn } = this.context
+    const { user } = this.context
 
     return (
-      isLoggedIn ? <Redirect to='/home' /> :
+      user ? <Redirect to='/home' /> :
       <Container fluid>
         <Row>
           <Col sm={{ span: 6, offset: 3 }} lg={{ span: 4, offset: 4 }}>

imports/ui/components/moderator.jsx

@@ -1,12 +1,19 @@
 import React from 'react';
 import { Container, Row, Col } from 'react-bootstrap';
+import { AuthContext } from './hoc/AuthProvider'
 import BoardContainer from '/imports/ui/containers/board.jsx';
 
-const Moderator = props => {
-  const { user } = props;
-  const { name } = user && user.profile || {}
-  return (
-    <Container>
+class Moderator extends React.Component {
+  constructor(props) {
+    super(props)
+  }
+
+  render() {
+    const { user } = this.context
+    const { name } = user && user.profile || {}
+
+    return (
+      <Container>
       <Row>
         <Col className="h-100" style={{marginTop:40}}>
           <hgroup className="mx-auto p-4 text-center">
@@ -16,8 +23,9 @@ const Moderator = props => {
         </Col>
       </Row>
     </Container>
-
-  )
+    )
+  }
 }
 
+Moderator.contextType = AuthContext
 export default Moderator