From 3186ecbe6701f098cdaf08ffe8e80f9c86c18f83 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marc-Andr=C3=A9=20Bombeck?= <mbombeck@gmail.com>
Date: Fri, 5 Jun 2026 01:33:42 +0200
Subject: [PATCH] fix(settings): raise the Google Health tag contrast and
 update the integration-count assertion

The Fitbit & Pixel tag chip paired muted text on a muted background (below
WCAG AA); use foreground text. Update the mobile integrations e2e to expect
the fourth integration card (Google Health).
---
 e2e/settings-integrations-mobile.spec.ts         | 5 +++--
 src/components/settings/integrations-section.tsx | 2 +-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/e2e/settings-integrations-mobile.spec.ts b/e2e/settings-integrations-mobile.spec.ts
index a70235ce0..17f4a1fbb 100644
--- a/e2e/settings-integrations-mobile.spec.ts
+++ b/e2e/settings-integrations-mobile.spec.ts
@@ -127,8 +127,9 @@ test.describe("/settings/integrations Pixel-5 layout", () => {
 
     // Wait for the pills to mount (queries resolve after first paint).
     const pills = page.locator('[data-testid="integration-status-pill"]');
-    // Three integration cards now (Withings, moodLog, WHOOP) → three pills.
-    await expect(pills).toHaveCount(3, { timeout: 10_000 });
+    // Four integration cards now (Withings, moodLog, WHOOP, Google Health) →
+    // four pills.
+    await expect(pills).toHaveCount(4, { timeout: 10_000 });
 
     // Withings + moodLog are connected in this fixture; WHOOP is a BYO-keys
     // card that stays dormant until an operator adds credentials, so assert
diff --git a/src/components/settings/integrations-section.tsx b/src/components/settings/integrations-section.tsx
index a127f9c83..f2c127af9 100644
--- a/src/components/settings/integrations-section.tsx
+++ b/src/components/settings/integrations-section.tsx
@@ -1302,7 +1302,7 @@ function FitbitCard({
         <div className="flex flex-wrap items-center gap-2">
           <HeartPulse className="text-primary h-5 w-5" />
           <h2 className="text-lg font-semibold">{t("settings.fitbit")}</h2>
-          <span className="bg-muted text-muted-foreground rounded-full px-2 py-0.5 text-[0.6875rem] font-medium">
+          <span className="bg-muted text-foreground rounded-full px-2 py-0.5 text-[0.6875rem] font-medium">
             {t("settings.fitbitTag")}
           </span>
           <Badge