Update teams and projects beta notice

Author: gtsiolis

components/dashboard/src/components/UsageView.tsx

@@ -268,22 +268,17 @@ function UsageView({ attributionId }: UsageViewProps) {
                                             </div>
                                         </div>
                                         <div className="flex flex-col truncate mt-8 text-sm">
-                                            <div className="text-gray-400 dark:text-gray-500">
-                                                This feature is in{" "}
+                                            <div className="text-gray-400 dark:text-gray-500 text-sm text-left">
+                                                <strong>Usage</strong> feature is in{" "}
                                                 <PillLabel
                                                     type="warn"
                                                     className="font-semibold mt-2 ml-0 py-0.5 px-1 self-center"
                                                 >
-                                                    <span className="text-xs">Early Access</span>
+                                                    <a href="https://www.gitpod.io/docs/references/gitpod-releases">
+                                                        <span className="text-xs">Early Access</span>
+                                                    </a>
                                                 </PillLabel>
                                                 <br />
-                                                <a
-                                                    href="https://www.gitpod.io/docs/references/gitpod-releases"
-                                                    className="gp-link"
-                                                >
-                                                    Learn more
-                                                </a>
-                                                &nbsp;·&nbsp;
                                                 <a
                                                     href="https://github.com/gitpod-io/gitpod/issues/12636"
                                                     className="gp-link"

components/dashboard/src/projects/NewProject.tsx

@@ -29,6 +29,7 @@ import {
 } from "../service/public-api";
 import { FeatureFlagContext } from "../contexts/FeatureFlagContext";
 import { ConnectError } from "@bufbuild/connect-web";
+import PillLabel from "../components/PillLabel";
 
 export default function NewProject() {
     const location = useLocation();
@@ -481,17 +482,18 @@ export default function NewProject() {
                         </div>
                     </div>
                 )}
-                <p className="text-center w-full mt-12 text-gray-500">
-                    <strong>Teams &amp; Projects</strong> are currently in Beta.{" "}
-                    <a
-                        href="https://github.com/gitpod-io/gitpod/issues/5095"
-                        target="gitpod-feedback-issue"
-                        rel="noopener"
-                        className="gp-link"
-                    >
+                <div className="text-gray-400 dark:text-gray-500 text-sm mt-24 text-left">
+                    <strong>Projects</strong> feature is in{" "}
+                    <PillLabel type="warn" className="font-semibold mt-2 ml-0 py-0.5 px-1 self-center">
+                        <a href="https://www.gitpod.io/docs/references/gitpod-releases">
+                            <span className="text-xs">BETA</span>
+                        </a>
+                    </PillLabel>
+                    &nbsp;&middot;&nbsp;
+                    <a href="https://github.com/gitpod-io/gitpod/issues/5095" className="gp-link">
                         Send feedback
                     </a>
-                </p>
+                </div>
             </>
         );
 

components/dashboard/src/teams/NewTeam.tsx

@@ -11,6 +11,7 @@ import { TeamsContext } from "./teams-context";
 import { publicApiTeamsToProtocol, publicApiTeamToProtocol, teamsService } from "../service/public-api";
 import { FeatureFlagContext } from "../contexts/FeatureFlagContext";
 import { ConnectError } from "@bufbuild/connect-web";
+import PillLabel from "../components/PillLabel";
 
 export default function () {
     const { setTeams } = useContext(TeamsContext);
@@ -78,17 +79,18 @@ export default function () {
                     </button>
                 </div>
             </form>
-            <p className="text-center w-full mt-12 text-gray-500">
-                <strong>Teams &amp; Projects</strong> are currently in Beta.{" "}
-                <a
-                    href="https://github.com/gitpod-io/gitpod/issues/5095"
-                    target="gitpod-feedback-issue"
-                    rel="noopener"
-                    className="gp-link"
-                >
+            <div className="text-gray-400 dark:text-gray-500 text-sm mt-24 text-left">
+                <strong>Teams</strong> feature is in{" "}
+                <PillLabel type="warn" className="font-semibold mt-2 ml-0 py-0.5 px-1 self-center">
+                    <a href="https://www.gitpod.io/docs/references/gitpod-releases">
+                        <span className="text-xs">BETA</span>
+                    </a>
+                </PillLabel>
+                &nbsp;&middot;&nbsp;
+                <a href="https://github.com/gitpod-io/gitpod/issues/5095" className="gp-link">
                     Send feedback
                 </a>
-            </p>
+            </div>
         </div>
     );
 }