import {
Badge,
Button,
ButtonGroup,
Card,
CardBody,
Container,
Collapse,
Form,
FormGroup,
Nav,
Navbar,
NavbarBrand,
NavbarToggler,
NavItem,
NavLink,
Input,
Label
} from 'reactstrap';
import Head from 'next/head';
import { connect } from 'react-redux';
import React from 'react';
import { login, logout } from './api';
export function BigImage(props) {
return (
{props.text}
);
}
export class TurniereNavigation extends React.Component {
constructor(props) {
super(props);
this.toggle = this.toggle.bind(this);
this.state = {
collapsed: true
};
}
toggle() {
this.setState({
collapsed: !this.state.collapsed
});
}
render() {
return (
turnie.re
);
}
}
function Navlink(props) {
return (
{props.text}
);
}
function Betabadge() {
return (BETA);
}
class InvisibleLoginLogoutButtons extends React.Component {
render() {
const { isSignedIn, username } = 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 (
);
}
class PrivateSignedInEnforcer extends React.Component {
render() {
const { isSignedIn, children } = this.props;
if(isSignedIn) {
return children;
} else {
return (
);
}
}
}
const mapStateToSignedInEnforcerProperties = (state) => {
const { isSignedIn } = state.userinfo;
return { isSignedIn };
}
export const SignedInEnforcer = connect(
mapStateToSignedInEnforcerProperties
)(PrivateSignedInEnforcer);
export function Login(props) {
return (
Login
);
}
class LoginErrorList extends React.Component {
render() {
const { error, errorMessages } = this.props;
if(error) {
return (
{ errorMessages.map((message, index) =>
-
{message}
) }
);
} else {
return null;
}
}
}
const mapStateToErrorMessages = (state) => {
const { errorMessages, error } = state.userinfo;
return { errorMessages, error };
};
const VisibleLoginErrorList = connect(
mapStateToErrorMessages
)(LoginErrorList);
class LoginForm extends React.Component {
constructor(props) {
super(props);
this.state = {
email : '',
password : ''
};
}
render() {
return (
);
}
handlePasswordInput(input) {
this.setState({ password : input.target.value });
}
handleEmailInput(input) {
this.setState({ email : input.target.value });
}
}
function Hint(props) {
if(props.hint != null) {
return (
{ props.hint }
);
} else {
return null;
}
}