upcoming: [UIE-10180] - Add Partner Referrals Beta Launch Global Banner in Cloud Manager

packages/manager/.changeset/pr-13364-upcoming-features-1770209639275.md

@@ -0,0 +1,5 @@
+---
+"@linode/manager": Upcoming Features
+---
+
+Add Partner Referrals beta launch global banner in Cloud Manager ([#13364](https://github.com/linode/manager/pull/13364))

packages/manager/src/dev-tools/FeatureFlagTool.tsx

@@ -88,6 +88,7 @@ const options: { flag: keyof Flags; label: string }[] = [
   },
   { flag: 'objSummaryPage', label: 'OBJ Summary Page' },
   { flag: 'vpcIpv6', label: 'VPC IPv6' },
+  { flag: 'marketplaceV2GlobalBanner', label: 'Marketplace V2 Global Banner' },
 ];
 
 interface RenderFlagItemProps {

packages/manager/src/featureFlags.ts

@@ -249,6 +249,7 @@ export interface Flags {
   mainContentBanner: MainContentBanner;
   marketplaceAppOverrides: MarketplaceAppOverride[];
   marketplaceV2: boolean;
+  marketplaceV2GlobalBanner: boolean;
   metadata: boolean;
   mtc: MTC;
   networkLoadBalancer: boolean;

packages/manager/src/features/GlobalNotifications/GlobalNotifications.tsx

@@ -14,6 +14,7 @@ import { ComplianceBanner } from './ComplianceBanner';
 import { ComplianceUpdateModal } from './ComplianceUpdateModal';
 import { CreditCardExpiredBanner } from './CreditCardExpiredBanner';
 import { EmailBounceNotificationSection } from './EmailBounce';
+import { MarketplaceV2Banner } from './MarketplaceV2Banner';
 import { RegionStatusBanner } from './RegionStatusBanner';
 import { TaxCollectionBanner } from './TaxCollectionBanner';
 import { DesignUpdateBanner } from './TokensUpdateBanner';
@@ -88,6 +89,7 @@ export const GlobalNotifications = () => {
       Object.keys(flags.taxCollectionBanner).length > 0 ? (
         <TaxCollectionBanner />
       ) : null}
+      {flags.marketplaceV2GlobalBanner ? <MarketplaceV2Banner /> : null}
     </>
   );
 };

packages/manager/src/features/GlobalNotifications/MarketplaceV2Banner.tsx

@@ -0,0 +1,19 @@
+import { Typography } from '@linode/ui';
+import * as React from 'react';
+
+import { DismissibleBanner } from 'src/components/DismissibleBanner/DismissibleBanner';
+
+export const MarketplaceV2Banner = () => {
+  return (
+    <DismissibleBanner preferenceKey="marketplacev2-banner" variant="info">
+      <Typography>
+        <strong>Partner Referrals Beta now available</strong>
+      </Typography>
+      <Typography>
+        The Partner Referrals Beta lets you explore products from Akamai
+        qualified partners. Alongside this launch, we&apos;ve renamed
+        Marketplace to Quick Deploy Apps to better reflect its purpose.
+      </Typography>
+    </DismissibleBanner>
+  );
+};