navbar.ts

interface LoginNavState {
	showLoginOptions: boolean
}

class LoginNav extends React.Component<{}, LoginNavState> {
	constructor() {
		super()

		this.state = {
			showLoginOptions: false
		}
	}

	toggleLoginOptionsState() {
		console.log(this.state)
		this.setState({
			showLoginOptions: !this.state.showLoginOptions	
		})
	}

	render() {
		return (
			DOM.li(
				{ className: 'login-nav' },
				DOM.a(
					{onClick: this.toggleLoginOptionsState.bind(this)},
					"Login"
				),
				Auth({show: this.state.showLoginOptions.bind(this)})
			)
		)
	}

	static factory: React.Factory<{}> = function () {
		return React.createElement(LoginNav)
	}
}