Revert "renamed client to src"

This reverts commit c28736bd01.

client/components/renderWarnings/renderWarnings.jsx

@@ -0,0 +1,60 @@
+import './renderWarnings.less';
+import React from 'react';
+import createReactClass from 'create-react-class';
+import _ from 'lodash';
+
+import Dialog from '../dialog.jsx';
+
+const RenderWarnings = createReactClass({
+	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 compatibility. 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>;
+	}
+});
+
+export default RenderWarnings;

client/components/renderWarnings/renderWarnings.less

@@ -0,0 +1,50 @@
+@import './shared/naturalcrit/styles/colors.less';
+
+.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; }
+		}
+	}
+}