Email Forwards: Bump the number of email forwards allowed for business users.

client/my-sites/upgrades/domain-management/email-forwarding/email-forwarding-add-new.jsx

@@ -38,7 +38,7 @@ const EmailForwardingAddNew = React.createClass( {
 	},
 
 	hasReachedLimit() {
-		return this.props.emailForwarding.list.length >= 5;
+		return this.props.emailForwarding.list.length >= this.props.maxForwards;
 	},
 
 	onAddEmailForward( event ) {
@@ -160,7 +160,8 @@ const EmailForwardingAddNew = React.createClass( {
 		return (
 			<form className="email-forwarding__add-new">
 				<EmailForwardingLimit
-					emailForwarding={ this.props.emailForwarding } />
+					emailForwarding={ this.props.emailForwarding }
+					maxForwards={ this.props.maxForwards } />
 
 				{ this.formFields() }
 

client/my-sites/upgrades/domain-management/email-forwarding/email-forwarding-limit.jsx

@@ -4,6 +4,14 @@
 import React from 'react';
 
 const EmailForwardingLimit = React.createClass( {
+	maxForwards() {
+		if ( this.props.maxForwards === 500 ) {
+			return this.translate( 'unlimited' );
+		}
+
+		return this.props.maxForwards;
+	},
+
 	render() {
 		const used = this.props.emailForwarding.list.length;
 
@@ -16,7 +24,7 @@ const EmailForwardingLimit = React.createClass( {
 				'You are using %(used)s out of %(available)s email forwards.', {
 					args: {
 						used,
-						available: 5
+						available: this.maxForwards()
 					}
 				} ) }</div>
 		);

client/my-sites/upgrades/domain-management/email-forwarding/index.jsx

@@ -16,6 +16,7 @@ import EmailForwardingDetails from './email-forwarding-details';
 import paths from 'my-sites/upgrades/paths';
 import Card from 'components/card/compact';
 import SectionHeader from 'components/section-header';
+import { isBusiness } from 'lib/products-values';
 
 const EmailForwarding = React.createClass( {
 	propTypes: {
@@ -27,6 +28,14 @@ const EmailForwarding = React.createClass( {
 		] ).isRequired
 	},
 
+	maxForwards() {
+		if ( isBusiness( this.props.selectedSite.plan ) ) {
+			return 500;
+		}
+
+		return 5;
+	},
+
 	render() {
 		if ( this.isDataLoading() ) {
 			return <MainPlaceholder goBack={ this.goToEditEmail } />;
@@ -51,7 +60,8 @@ const EmailForwarding = React.createClass( {
 					<EmailForwardingAddNew
 						emailForwarding={ this.props.emailForwarding }
 						selectedDomainName={ this.props.selectedDomainName }
-						selectedSite={ this.props.selectedSite } />
+						selectedSite={ this.props.selectedSite }
+						maxForwards={ this.maxForwards() } />
 				</Card>
 			</Main>
 		);