fix(billing): hide pending changes for the same reserved budgets

static/gsAdmin/components/customers/pendingChanges.spec.tsx

@@ -2,6 +2,7 @@ import {OrganizationFixture} from 'sentry-fixture/organization';
 
 import {PlanDetailsLookupFixture} from 'getsentry-test/fixtures/planDetailsLookup';
 import {PlanMigrationFixture} from 'getsentry-test/fixtures/planMigration';
+import {SeerReservedBudgetFixture} from 'getsentry-test/fixtures/reservedBudget';
 import {
   Am3DsEnterpriseSubscriptionFixture,
   SubscriptionFixture,
@@ -376,6 +377,39 @@ describe('PendingChanges', function () {
     );
   });
 
+  it('does not render reserved budgets with mocked values', function () {
+    const subscription = SubscriptionFixture({
+      organization: OrganizationFixture(),
+      reservedBudgets: [
+        SeerReservedBudgetFixture({
+          id: '0',
+          reservedBudget: 0,
+        }),
+      ],
+      pendingChanges: PendingChangesFixture({
+        planDetails: PlanDetailsLookupFixture('am3_business_ent'),
+        plan: 'am3_business_ent',
+        planName: 'Business',
+        reserved: {
+          spans: 0,
+          spansIndexed: 0,
+        },
+        reservedBudgets: [
+          {
+            reservedBudget: 0,
+            categories: {seerAutofix: true, seerScanner: true},
+          },
+        ],
+      }),
+    });
+
+    const {container} = render(<PendingChanges subscription={subscription} />);
+
+    expect(container).not.toHaveTextContent(
+      'Reserved budgets — $0.00 for seer budget → $0.00 for seer budget'
+    );
+  });
+
   it('renders reserved budgets without existing budgets', function () {
     const subscription = SubscriptionFixture({
       organization: OrganizationFixture(),

static/gsAdmin/components/customers/pendingChanges.tsx

@@ -271,11 +271,11 @@ function getRegularChanges(subscription: Subscription) {
   });
 
   if (oldBudgetsChanges.length > 0 || newBudgetsChanges.length > 0) {
-    changes.push(
-      `Reserved budgets — ${
-        oldBudgetsChanges.length > 0 ? oldBudgetsChanges.join(', ') : 'None'
-      } → ${newBudgetsChanges.length > 0 ? newBudgetsChanges.join(', ') : 'None'}`
-    );
+    const before = oldBudgetsChanges.length > 0 ? oldBudgetsChanges.join(', ') : 'None';
+    const after = newBudgetsChanges.length > 0 ? newBudgetsChanges.join(', ') : 'None';
+    if (before !== after) {
+      changes.push(`Reserved budgets — ${before} → ${after}`);
+    }
   }
 
   return changes;