diff --git a/js/CommonComponents.js b/js/CommonComponents.js index ef8c39a..b8407ae 100644 --- a/js/CommonComponents.js +++ b/js/CommonComponents.js @@ -10,6 +10,9 @@ import { NavItem, NavLink } from 'reactstrap'; + +import { connect } from 'react-redux' + import React from "react"; export function BigImage(props) { @@ -26,6 +29,7 @@ export class TurniereNavigation extends React.Component { super(props); this.toggle = this.toggle.bind(this); + this.state = { collapsed: true }; @@ -68,15 +72,48 @@ function Betabadge() { return (BETA); } -function LoginLogoutButtons() { - return ( - - - - - ); +class InvisibleLoginLogoutButtons extends React.Component { + + logoutClick() { + console.log("Logged out."); + + /* + /users/sign_out <- DELETE Token invalidieren + /users/validate_token <- GET Token valide? + */ + } + + render() { + const { isSignedIn, username, logout } = this.props + + if(isSignedIn) { + return ( + + + + + ); + } else { + return ( + + + + + ); + } + } + } +const mapStateToLoginLogoutButtonProperties = (state) => { + const { isSignedIn, username } = state.userinfo; + return { isSignedIn, username } +} + +const LoginLogoutButtons = connect( + mapStateToLoginLogoutButtonProperties +)(InvisibleLoginLogoutButtons) + export function Footer() { return (