Merge branch 'master' into move-markdown.js

shared/homebrewery/renderWarnings/renderWarnings.jsx

@@ -1,60 +0,0 @@
-require('./renderWarnings.less');
-const React = require('react');
-const createClass = require('create-react-class');
-const _     = require('lodash');
-
-import Dialog from '../../../client/components/dialog.jsx';
-
-const RenderWarnings = createClass({
-	displayName     : 'RenderWarnings',
-	getInitialState : function() {
-		return {
-			warnings : {}
-		};
-	},
-	componentDidMount : function() {
-		this.checkWarnings();
-		window.addEventListener('resize', this.checkWarnings);
-	},
-	componentWillUnmount : function() {
-		window.removeEventListener('resize', this.checkWarnings);
-	},
-	warnings : {
-		chrome : function(){
-			const isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);
-			if(!isChrome){
-				return <li key='chrome'>
-					<em>Built for Chrome </em> <br />
-					Other browsers have not been tested for compatiblilty. If you
-					experience issues with your document not rendering or printing
-					properly, please try using the latest version of Chrome before
-					submitting a bug report.
-				</li>;
-			}
-		},
-	},
-	checkWarnings : function(){
-		this.setState({
-			warnings : _.reduce(this.warnings, (r, fn, type)=>{
-				const element = fn();
-				if(element) r[type] = element;
-				return r;
-			}, {})
-		});
-	},
-	render : function(){
-		if(_.isEmpty(this.state.warnings)) return null;
-
-		const DISMISS_KEY = 'dismiss_render_warning';
-		const DISMISS_TEXT = <i className='fas fa-times dismiss' />;
-
-		return <Dialog className='renderWarnings' dismissKey={DISMISS_KEY} closeText={DISMISS_TEXT}>
-			<i className='fas fa-exclamation-triangle ohno' />
-			<h3>Render Warnings</h3>
-			<small>If this homebrew is rendering badly if might be because of the following:</small>
-			<ul>{_.values(this.state.warnings)}</ul>
-		</Dialog>;
-	}
-});
-
-module.exports = RenderWarnings;

shared/homebrewery/renderWarnings/renderWarnings.less

@@ -1,48 +0,0 @@
-.renderWarnings {
-	position         : relative;
-	float            : right;
-	width            : 350px;
-	padding          : 20px;
-	padding-bottom   : 10px;
-	padding-left     : 85px;
-	margin-bottom    : 10px;
-	color            : white;
-	background-color : @yellow;
-	border           : none;
-	a { font-weight : 800; }
-	i.ohno {
-		position  : absolute;
-		top       : 24px;
-		left      : 24px;
-		font-size : 2.5em;
-		opacity   : 0.8;
-	}
-	button.dismiss {
-		position         : absolute;
-		top              : 10px;
-		right            : 10px;
-		cursor           : pointer;
-		background-color : transparent;
-		opacity          : 0.6;
-		&:hover { opacity : 1; }
-	}
-	small {
-		font-size : 0.6em;
-		opacity   : 0.7;
-	}
-	h3 {
-		font-size   : 1.1em;
-		font-weight : 800;
-	}
-	ul {
-		margin-top          : 15px;
-		font-size           : 0.8em;
-		list-style-position : outside;
-		list-style-type     : disc;
-		li {
-			font-size   : 0.8em;
-			line-height : 1.6em;
-			em { font-weight : 800; }
-		}
-	}
-}