From 7136007cffe41449f8b59c3756a3d940244bc4ba Mon Sep 17 00:00:00 2001
From: Jan Keromnes <janx@linux.com>
Date: Thu, 3 Mar 2022 09:00:34 +0000
Subject: [PATCH] [dashboard] Further disambiguate 'Team Plans' vs 'Teams'
 based on user feedback (title, button, invite modal)

---
 components/dashboard/src/settings/Teams.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/dashboard/src/settings/Teams.tsx b/components/dashboard/src/settings/Teams.tsx
index 4454b2ea0025db..1af34b0f52f17d 100644
--- a/components/dashboard/src/settings/Teams.tsx
+++ b/components/dashboard/src/settings/Teams.tsx
@@ -24,7 +24,7 @@ import { Disposable } from "@gitpod/gitpod-protocol";
 export default function Teams() {
 
     return (<div>
-        <PageWithSubMenu subMenu={settingsMenu} title='Teams' subtitle='View and manage subscriptions for your team with one centralized billing.'>
+        <PageWithSubMenu subMenu={settingsMenu} title='Team Plans' subtitle='View and manage subscriptions for your team with one centralized billing.'>
             <AllTeams />
         </PageWithSubMenu>
     </div>);
@@ -435,7 +435,7 @@ function AllTeams() {
                     <button className="self-end my-auto secondary" onClick={() => showBilling()}>Billing</button>
                 )}
                 {getActiveSubs().length > 0 && (
-                    <button className="self-end my-auto" disabled={!!pendingPlanPurchase || getAvailableSubTypes().length === 0} onClick={() => showCreateTeamModal()}>Create Team</button>
+                    <button className="self-end my-auto" disabled={!!pendingPlanPurchase || getAvailableSubTypes().length === 0} onClick={() => showCreateTeamModal()}>Create Team Plan</button>
                 )}
             </div>
         </div>
@@ -564,7 +564,7 @@ function InviteMembersModal(props: {
     return (<Modal visible={true} onClose={props.onClose}>
         <h3 className="pb-2">Invite Members</h3>
         <div className="border-t border-b border-gray-200 dark:border-gray-800 mt-2 -mx-6 px-6 py-4 space-y-2">
-            <p className="pb-2 text-gray-500 text-base">Invite members to the team using the URL below.</p>
+            <p className="pb-2 text-gray-500 text-base">Invite members to the team plan using the URL below.</p>
 
             <div className="flex flex-col space-y-2">
                 <label htmlFor="inviteUrl" className="font-medium">Invite URL</label>
@@ -574,7 +574,7 @@ function InviteMembersModal(props: {
                         <img src={copy} title="Copy Invite URL" className="absolute top-1/3 right-3" />
                     </div>
                 </div>
-                <p className="pb-4 text-gray-500 text-sm">{copied ? "Copied to clipboard!" : "Use this URL to join this team."}</p>
+                <p className="pb-4 text-gray-500 text-sm">{copied ? "Copied to clipboard!" : "Use this URL to join this team plan."}</p>
             </div>
 
         </div>