diff --git a/components/dashboard/src/AppNotifications.tsx b/components/dashboard/src/AppNotifications.tsx index 80a3e2b5af993e..5561b6b474e51c 100644 --- a/components/dashboard/src/AppNotifications.tsx +++ b/components/dashboard/src/AppNotifications.tsx @@ -20,6 +20,7 @@ import { useOrgBillingMode } from "./data/billing-mode/org-billing-mode-query"; import { Organization } from "@gitpod/public-api/lib/gitpod/v1/organization_pb"; import { MaintenanceModeBanner } from "./org-admin/MaintenanceModeBanner"; import { MaintenanceNotificationBanner } from "./org-admin/MaintenanceNotificationBanner"; +import onaWordmark from "./images/ona-wordmark.svg"; const KEY_APP_DISMISSED_NOTIFICATIONS = "gitpod-app-notifications-dismissed"; const PRIVACY_POLICY_LAST_UPDATED = "2025-05-16"; @@ -97,12 +98,7 @@ const GITPOD_FLEX_INTRODUCTION = (updateUser: (user: Partial) => P message: ( Introducing Gitpod Flex: self-host for free in 3 min or run locally using Gitpod Desktop |{" "} - + Try now @@ -138,12 +134,12 @@ const GITPOD_CLASSIC_SUNSET = { type: "info" as AlertType, preventDismiss: true, // This makes it so users can't dismiss the notification message: ( - - Gitpod Classic is sunsetting fall 2025.{" "} - - Try the new Gitpod - {" "} - now (hosted compute coming soon) + + Meet Ona | the + privacy-first software engineering agent |{" "} + + Get early access + ), } as Notification; @@ -228,7 +224,11 @@ export function AppNotifications() { } }} showIcon={true} - className="flex rounded mb-2 w-full" + className={`flex rounded mb-2 w-full ${ + topNotification.id === "gitpod-classic-sunset" + ? "bg-[linear-gradient(to_left,#1F1329_0%,#333A75_20%,#556CA8_40%,#90A898_60%,#E2B15C_80%,#E2B15C_97%,#BEA462_100%)]" + : "" + }`} > {topNotification.message}