colouring-montreal/app/src/frontend/info-box.tsx
Maciej Ziarkowski c92c4cded3 Setup TS build (failing), rename files to .ts/.tsx
The TypeScript build currently runs but fails for a number of files.
This commit only contains rename operations on the source files.
2019-08-09 15:44:11 +01:00

30 lines
823 B
TypeScript

import React, { Fragment } from 'react';
import PropTypes from 'prop-types';
const InfoBox = (props) => (
<Fragment>
{
(props.msg || props.children)?
(
<div className="alert alert-info" role="alert">
{
(typeof props.msg === 'string' || props.msg instanceof String)?
props.msg
: 'Enjoy the colouring! Usual service should resume shortly.'
}
{
props.children
}
</div>
) : null
}
</Fragment>
);
InfoBox.propTypes = {
msg: PropTypes.string,
children: PropTypes.node
}
export default InfoBox;