Forráskód Böngészése

Auth related buttons should be variable on whether user is logged in

howdoyoucode 8 éve
szülő
commit
18619e6a40

+ 23 - 6
frontend/app/js/components/Global/Menu.jsx

@@ -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>

+ 0 - 0
frontend/app/js/views/Auth/Logout.jsx