diff --git a/pages/tournament.js b/pages/tournament.js index 40753f5..f155262 100644 --- a/pages/tournament.js +++ b/pages/tournament.js @@ -22,6 +22,7 @@ import 'bootstrap/dist/css/bootstrap.min.css'; import {BigImage, Footer, TurniereNavigation} from '../js/CommonComponents.js'; import '../static/everypage.css'; import '../static/css/tournament.css'; +import { connect } from 'react-redux'; import { getRequest, @@ -38,7 +39,7 @@ class TournamentPage extends React.Component { return (
- Turnier bearbeiten +

{description}

@@ -57,6 +58,27 @@ class TournamentPage extends React.Component { } } +function PrivateEditButton(props) { + const { id, ownerName, isSignedIn, username } = props; + + if(isSignedIn && ownerName === username) { + return ( + Turnier bearbeiten + ); + } else { + return null; + } +} + +function mapStateToEditButtonProperties(state) { + const { isSignedIn, username } = state.userinfo; + return { isSignedIn, username }; +} + +const EditButton = connect( + mapStateToEditButtonProperties +)(PrivateEditButton); + function getLevelName(levelNumber) { const names = ['Finale', 'Halbfinale', 'Viertelfinale', 'Achtelfinale']; if(levelNumber < names.length){