@@ -11,6 +11,7 @@ import { TeamsContext } from "./teams-context";
11
11
import { publicApiTeamsToProtocol , publicApiTeamToProtocol , teamsService } from "../service/public-api" ;
12
12
import { FeatureFlagContext } from "../contexts/FeatureFlagContext" ;
13
13
import { ConnectError } from "@bufbuild/connect-web" ;
14
+ import PillLabel from "../components/PillLabel" ;
14
15
15
16
export default function ( ) {
16
17
const { setTeams } = useContext ( TeamsContext ) ;
@@ -52,20 +53,12 @@ export default function () {
52
53
< div className = "flex flex-col w-96 mt-24 mx-auto items-center" >
53
54
< h1 > New Team</ h1 >
54
55
< 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 > .
63
58
</ p >
64
59
< 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 >
69
62
< h4 > Team Name</ h4 >
70
63
< input
71
64
autoFocus
@@ -86,18 +79,18 @@ export default function () {
86
79
</ button >
87
80
</ div >
88
81
</ form >
89
-
90
- < p className = "text-center w-full mt-12 text-gray-500" >
91
- < strong > Teams & 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
+ ·
90
+ < a href = "https://github.com/gitpod-io/gitpod/issues/5095" className = "gp-link" >
98
91
Send feedback
99
92
</ a >
100
- </ p >
93
+ </ div >
101
94
</ div >
102
95
) ;
103
96
}
0 commit comments