From 9946c9a00e1c7e41633ab968b138ea5fb4b38e19 Mon Sep 17 00:00:00 2001
From: chamikaJ <chamika@ceydigital.com>
Date: Wed, 23 Jul 2025 13:24:58 +0530
Subject: [PATCH] fix(upgrade-plans): adjust minimum seat value logic and
 enhance HubSpot widget dark mode styles

- Updated the minimum seat value logic in the upgrade plans component to allow the current seat count.
- Added CSS overrides for the HubSpot widget to ensure proper display in dark mode, removing unwanted backgrounds and shadows.
---
 .../drawers/upgrade-plans/upgrade-plans.tsx   |  2 +-
 .../src/styles/customOverrides.css            | 39 +++++++++++++++++++
 2 files changed, 40 insertions(+), 1 deletion(-)

diff --git a/worklenz-frontend/src/components/admin-center/billing/drawers/upgrade-plans/upgrade-plans.tsx b/worklenz-frontend/src/components/admin-center/billing/drawers/upgrade-plans/upgrade-plans.tsx
index 48199a16..a9c16efc 100644
--- a/worklenz-frontend/src/components/admin-center/billing/drawers/upgrade-plans/upgrade-plans.tsx
+++ b/worklenz-frontend/src/components/admin-center/billing/drawers/upgrade-plans/upgrade-plans.tsx
@@ -70,7 +70,7 @@ const UpgradePlans = () => {
 
     const step = 5;
     const maxSeats = 90;
-    const minValue = currentSeats + 1;
+    const minValue = currentSeats;
     const options: { value: number; disabled: boolean }[] = [];
 
     // Always show 1-5, but disable if less than minValue
diff --git a/worklenz-frontend/src/styles/customOverrides.css b/worklenz-frontend/src/styles/customOverrides.css
index b4332cfb..b2f9586e 100644
--- a/worklenz-frontend/src/styles/customOverrides.css
+++ b/worklenz-frontend/src/styles/customOverrides.css
@@ -180,3 +180,42 @@ body.dark .overview-stat-card .ant-card-body,
 .ql-snow .ql-stroke {
   stroke: #6c757d !important;
 }
+
+/* HubSpot Widget Dark Mode Fixes */
+html.dark #hubspot-messages-iframe-container {
+  background-color: transparent !important;
+}
+
+html.dark #hubspot-messages-iframe-container iframe {
+  background-color: transparent !important;
+}
+
+/* Target the HubSpot widget container */
+html.dark .hs-messages-widget-open {
+  background-color: transparent !important;
+}
+
+/* Remove white background from HubSpot elements */
+html.dark #hs-messages-iframe-container,
+html.dark .hs-messages-iframe-container {
+  background: transparent !important;
+  background-color: transparent !important;
+}
+
+/* Ensure the iframe wrapper has no background */
+html.dark iframe#hs-messages-iframe {
+  background: transparent !important;
+}
+
+/* Target the widget launcher button area */
+html.dark .hs-messages-widget,
+html.dark .hs-messages-widget-container {
+  background: transparent !important;
+  background-color: transparent !important;
+}
+
+/* Remove any box shadow that might appear white */
+html.dark #hubspot-messages-iframe-container,
+html.dark .hs-messages-widget {
+  box-shadow: none !important;
+}