Skip to content

Commit e02e067

Browse files
committed
Update beta label on teams, projects, and usage
1 parent 68bcb48 commit e02e067

File tree

3 files changed

+31
-41
lines changed

3 files changed

+31
-41
lines changed

components/dashboard/src/components/UsageView.tsx

Lines changed: 5 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -268,22 +268,17 @@ function UsageView({ attributionId }: UsageViewProps) {
268268
</div>
269269
</div>
270270
<div className="flex flex-col truncate mt-8 text-sm">
271-
<div className="text-gray-400 dark:text-gray-500">
272-
This feature is in{" "}
271+
<div className="text-gray-400 dark:text-gray-500 text-sm text-left">
272+
<strong>Usage</strong> feature is in{" "}
273273
<PillLabel
274274
type="warn"
275275
className="font-semibold mt-2 ml-0 py-0.5 px-1 self-center"
276276
>
277-
<span className="text-xs">Early Access</span>
277+
<a href="https://www.gitpod.io/docs/references/gitpod-releases">
278+
<span className="text-xs">Early Access</span>
279+
</a>
278280
</PillLabel>
279281
<br />
280-
<a
281-
href="https://www.gitpod.io/docs/references/gitpod-releases"
282-
className="gp-link"
283-
>
284-
Learn more
285-
</a>
286-
&nbsp;·&nbsp;
287282
<a
288283
href="https://github.com/gitpod-io/gitpod/issues/12636"
289284
className="gp-link"

components/dashboard/src/projects/NewProject.tsx

Lines changed: 11 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -29,6 +29,7 @@ import {
2929
} from "../service/public-api";
3030
import { FeatureFlagContext } from "../contexts/FeatureFlagContext";
3131
import { ConnectError } from "@bufbuild/connect-web";
32+
import PillLabel from "../components/PillLabel";
3233

3334
export default function NewProject() {
3435
const location = useLocation();
@@ -481,17 +482,18 @@ export default function NewProject() {
481482
</div>
482483
</div>
483484
)}
484-
<p className="text-center w-full mt-12 text-gray-500">
485-
<strong>Teams &amp; Projects</strong> are currently in Beta.{" "}
486-
<a
487-
href="https://github.com/gitpod-io/gitpod/issues/5095"
488-
target="gitpod-feedback-issue"
489-
rel="noopener"
490-
className="gp-link"
491-
>
485+
<div className="text-gray-400 dark:text-gray-500 text-sm mt-24 text-left">
486+
<strong>Projects</strong> feature is in{" "}
487+
<PillLabel type="warn" className="font-semibold mt-2 ml-0 py-0.5 px-1 self-center">
488+
<a href="https://www.gitpod.io/docs/references/gitpod-releases">
489+
<span className="text-xs">BETA</span>
490+
</a>
491+
</PillLabel>
492+
&nbsp;&middot;&nbsp;
493+
<a href="https://github.com/gitpod-io/gitpod/issues/5095" className="gp-link">
492494
Send feedback
493495
</a>
494-
</p>
496+
</div>
495497
</>
496498
);
497499

components/dashboard/src/teams/NewTeam.tsx

Lines changed: 15 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,7 @@ import { TeamsContext } from "./teams-context";
1111
import { publicApiTeamsToProtocol, publicApiTeamToProtocol, teamsService } from "../service/public-api";
1212
import { FeatureFlagContext } from "../contexts/FeatureFlagContext";
1313
import { ConnectError } from "@bufbuild/connect-web";
14+
import PillLabel from "../components/PillLabel";
1415

1516
export default function () {
1617
const { setTeams } = useContext(TeamsContext);
@@ -52,20 +53,12 @@ export default function () {
5253
<div className="flex flex-col w-96 mt-24 mx-auto items-center">
5354
<h1>New Team</h1>
5455
<p className="text-gray-500 text-center text-base">
55-
<a href="https://www.gitpod.io/docs/configure/teams" className="gp-link">
56-
Teams
57-
</a>{" "}
58-
allow you to manage related{" "}
59-
<a href="https://www.gitpod.io/docs/configure/projects" className="gp-link">
60-
projects
61-
</a>{" "}
62-
and collaborate with other members.
56+
Teams allow you to <strong>manage multiple projects</strong>, <strong>group workspaces</strong>, and{" "}
57+
<strong>collaborate with your team</strong>.
6358
</p>
6459
<form className="mt-16 w-full" onSubmit={createTeam}>
65-
<div className="rounded-xl p-6 bg-gray-50 dark:bg-gray-800">
66-
<h3 className="text-left text-lg">You're creating a new team</h3>
67-
<p className="text-gray-500">After creating a team, you can invite others to join.</p>
68-
<br />
60+
<div className="border rounded-xl p-6 border-gray-100 dark:border-gray-800">
61+
<h3 className="text-center text-xl mb-6">What's your team's name?</h3>
6962
<h4>Team Name</h4>
7063
<input
7164
autoFocus
@@ -86,18 +79,18 @@ export default function () {
8679
</button>
8780
</div>
8881
</form>
89-
90-
<p className="text-center w-full mt-12 text-gray-500">
91-
<strong>Teams &amp; Projects</strong> are currently in Beta.{" "}
92-
<a
93-
href="https://github.com/gitpod-io/gitpod/issues/5095"
94-
target="gitpod-feedback-issue"
95-
rel="noopener"
96-
className="gp-link"
97-
>
82+
<div className="text-gray-400 dark:text-gray-500 text-sm mt-24 text-left">
83+
<strong>Teams</strong> feature is in{" "}
84+
<PillLabel type="warn" className="font-semibold mt-2 ml-0 py-0.5 px-1 self-center">
85+
<a href="https://www.gitpod.io/docs/references/gitpod-releases">
86+
<span className="text-xs">BETA</span>
87+
</a>
88+
</PillLabel>
89+
&nbsp;&middot;&nbsp;
90+
<a href="https://github.com/gitpod-io/gitpod/issues/5095" className="gp-link">
9891
Send feedback
9992
</a>
100-
</p>
93+
</div>
10194
</div>
10295
);
10396
}

0 commit comments

Comments
 (0)