Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[dashboard] Further disambiguate 'Team Plans' vs 'Teams' based on user feedback (title, button, invite modal) #8563

Closed
wants to merge 1 commit into from
Closed

[dashboard] Further disambiguate 'Team Plans' vs 'Teams' based on user feedback (title, button, invite modal) #8563

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 4 additions & 4 deletions components/dashboard/src/settings/Teams.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>);
Expand Down Expand Up @@ -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>
Expand Down Expand Up @@ -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>
Expand All @@ -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>
Expand Down