import React from 'react';
import { Card, CardTitle } from 'material-ui/Card';


const HomePage = () => (
  <Card className="container">
    <CardTitle title="Welcome to Fridgr" subtitle="Tracking groceries got you stressed? Chill." />
  </Card>
);

export default HomePage;

import React from 'react';
import { Card, CardTitle } from 'material-ui/Card';
import Nav from './Nav.jsx';

class HomePage extends React.Component {
  constructor(props) {
    super(props);

    this.state = {
      page: 'home'
    };
  }

  render() {
    if (localStorage.getItem('loggedIn') === 'true') {
      return (
        <div>
          <Nav page={this.state.page} />
          <Card className="container">
            <CardTitle title="Welcome to Fridgr" subtitle="Tracking groceries got you stressed? Chill." />
          </Card>
        </div>
      );
    } else {
      return (
        <Card className="container">
          <CardTitle title="Welcome to Fridgr" subtitle="Tracking groceries got you stressed? Chill." />
        </Card>
      );
    }
  }
}

// const HomePage = () => (
//   <Card className="container">
//     <CardTitle title="Welcome to Fridgr" subtitle="Tracking groceries got you stressed? Chill." />
//   </Card>
// );

export default HomePage;

Change to class implementation to allows for conditional rendering of Nav bar if logged in
Change to class implementation to allows for conditional rendering of Nav bar if logged in
