keystone/admin/client/Signin/components/Alert.js

Web Application Framework and Admin GUI / Content Management System built on Express.js and Mongoose

/**
 * Renders an Alert. Pass either an isInvalid and invalidMessage prop, or set
 * the signedOut prop to true to show the standard signed out message
 */

import React from 'react';
import { Alert } from '../../App/elemental';

const AlertView = function (props) {
	if (props.isInvalid) {
		return <Alert key="error" color="danger" style={{ textAlign: 'center' }}>{props.invalidMessage}</Alert>;
	} else if (props.signedOut) {
		return <Alert key="signed-out" color="info" style={{ textAlign: 'center' }}>You have been signed out.</Alert>;
	} else {
		// Can't return "null" from stateless components
		return <span />;
	}
};

AlertView.propTypes = {
	invalidMessage: React.PropTypes.string,
	isInvalid: React.PropTypes.bool,
	signedOut: React.PropTypes.bool,
};

module.exports = AlertView;