|
@@ -1,19 +1,36 @@
|
|
|
import React, { Component } from "react";
|
|
|
+import PropTypes from "prop-types";
|
|
|
+import { connect } from "react-redux";
|
|
|
import { IndexLink, Link } from "react-router";
|
|
|
|
|
|
+@connect(state => ({
|
|
|
+ loggedIn: state.user.get("loggedIn"),
|
|
|
+}))
|
|
|
+
|
|
|
export default class Menu extends Component {
|
|
|
+ static propTypes = {
|
|
|
+ loggedIn: PropTypes.bool,
|
|
|
+ }
|
|
|
+
|
|
|
render() {
|
|
|
return (
|
|
|
<div className="Menu">
|
|
|
<IndexLink to="/">
|
|
|
Home
|
|
|
</IndexLink>
|
|
|
- <Link to="login">
|
|
|
- Login
|
|
|
- </Link>
|
|
|
- <Link to="register">
|
|
|
- Register
|
|
|
- </Link>
|
|
|
+ { this.props.loggedIn ?
|
|
|
+ <Link to="logout">
|
|
|
+ Logout
|
|
|
+ </Link> :
|
|
|
+ <div>
|
|
|
+ <Link to="login">
|
|
|
+ Login
|
|
|
+ </Link>
|
|
|
+ <Link to="register">
|
|
|
+ Register
|
|
|
+ </Link>
|
|
|
+ </div>
|
|
|
+ }
|
|
|
<Link to="template">
|
|
|
Template
|
|
|
</Link>
|