Merge pull request #2533 from kiva/ML2-150-team-join-copy

Update team join form copy and opt-out button with campaign name.

src/components/CorporateCampaign/CampaignJoinTeamForm.vue

@@ -9,11 +9,10 @@
 				@lightbox-closed="handleLightboxClosed"
 			>
 				<div v-if="showForm" class="text-center">
-					<h2>
-						You're invited to the {{ teamName }} team!
-					</h2>
 					<p>
-						By joining the team, you can see your impact, interact with teammates, and get more out of Kiva.
+						Join our community of 2M Kiva lenders who are doing good every day.
+						Lending Teams like {{ teamName }} and their members have helped over
+						3.8M borrowers build a better future for themselves and their families.
 					</p>
 					<p v-if="showError" class="error">
 						Oh no! Something went wrong! Please try to join this team later.
@@ -38,11 +37,11 @@
 					<div slot="controls" class="text-center">
 						<div v-if="showForm">
 							<kv-button class="smaller" @click.native.prevent="handleJoinTeam">
-								Join Team
+								Continue
 							</kv-button>
 							<br><br>
 							<kv-button class="text-link" @click.native.prevent="handleRejectTeam">
-								No Thanks
+								Opt-out of {{ campaignNameText }} lending team
 							</kv-button>
 						</div>
 						<div v-if="showSuccess || showError">
@@ -80,6 +79,10 @@ export default {
 		teamId: {
 			type: Number,
 			default: null
+		},
+		campaignName: {
+			type: String,
+			default: null
 		}
 	},
 	data() {
@@ -95,6 +98,11 @@ export default {
 			myTeams: () => [],
 		};
 	},
+	computed: {
+		campaignNameText() {
+			return this.campaignName ? `the ${this.campaignName}` : 'this';
+		}
+	},
 	mounted() {
 		this.loading = true;
 		if (this.teamId) {

src/pages/LandingPages/CorporateCampaign/CCLandingPage.vue

@@ -95,6 +95,7 @@
 
 			<campaign-join-team-form
 				v-if="this.showTeamForm"
+				:campaign-name="campaignPartnerName"
 				:team-id="this.teamId"
 				:promo-id="this.promoFundId"
 				@team-process-complete="handleTeamJoinProcess"