From 59cc7d9dfdd481390afbf4ca984c0005277cbcc1 Mon Sep 17 00:00:00 2001
From: Ciabas <a.wroblewski@binarapps.com>
Date: Wed, 4 Jun 2025 15:28:57 +0200
Subject: [PATCH 1/2] fix(#3728): update red banner copy and behavior

---
 .../MaintenanceEndingBanner/MaintenanceEndingBanner.tsx  | 9 +++------
 govtool/frontend/src/i18n/locales/en.json                | 8 ++++----
 2 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/govtool/frontend/src/components/organisms/MaintenanceEndingBanner/MaintenanceEndingBanner.tsx b/govtool/frontend/src/components/organisms/MaintenanceEndingBanner/MaintenanceEndingBanner.tsx
index 669a98820..7b15b3514 100644
--- a/govtool/frontend/src/components/organisms/MaintenanceEndingBanner/MaintenanceEndingBanner.tsx
+++ b/govtool/frontend/src/components/organisms/MaintenanceEndingBanner/MaintenanceEndingBanner.tsx
@@ -4,9 +4,6 @@ import KeyboardArrowUpIcon from "@mui/icons-material/KeyboardArrowUp";
 import { Trans, useTranslation } from "react-i18next";
 import { useMaintenanceEndingBannerContext } from "./MaintenanceEndingBannerContext";
 
-const EXPANDED_HEIGHT = 135;
-const COLLAPSED_HEIGHT = 50;
-
 export const MaintenanceEndingBanner = () => {
   const { ref, isExpanded, toggleExpanded } =
     useMaintenanceEndingBannerContext();
@@ -16,7 +13,7 @@ export const MaintenanceEndingBanner = () => {
     <Box
       ref={ref}
       sx={{
-        backgroundColor: "#9c2224",
+        backgroundColor: isExpanded ? "#212A3D" : "#9c2224",
         width: "100%",
         overflow: "hidden",
         transition: "all 0.3s ease-in-out",
@@ -64,8 +61,8 @@ export const MaintenanceEndingBanner = () => {
       {/* Expandable Content */}
       <Box
         sx={{
-          height: isExpanded ? EXPANDED_HEIGHT - COLLAPSED_HEIGHT : "0px",
-          transition: "max-height 0.3s ease-in-out",
+          maxHeight: isExpanded ? '300px' : "0px", // 300px is a safe value for transition effect
+          transition: "max-height 0.7s ease-in-out",
           overflow: "hidden",
         }}
       >
diff --git a/govtool/frontend/src/i18n/locales/en.json b/govtool/frontend/src/i18n/locales/en.json
index b25cf774d..4f529bf79 100644
--- a/govtool/frontend/src/i18n/locales/en.json
+++ b/govtool/frontend/src/i18n/locales/en.json
@@ -755,10 +755,10 @@
     "title": "This tool is connected to {{networkName}}",
     "bootstrappingWarning": "Govtool is in the Bootstrapping phase. Some features are not available. <docs>Learn more</docs>",
     "maintenanceEnding": {
-      "title": "⚠️ Funding for GovTool is at risk",
-      "description1": "GovTool was not included in the current Cardano budget.",
-      "description2": "Without new support, active development and <0>maintenance will end in June 2025.</0>",
-      "description3": "Learn what this means and what’s next:",
+      "title": "⚠️ GovTool needs your support",
+      "description1": "GovTool wasn’t included in the current Cardano budget.",
+      "description2": "A 100k ada maintenance grant will sustain essential infrastructure and bug fixes through 2025 — but future development depends on renewed community backing.",
+      "description3": "Find out what this means and how you can help:",
       "linkText": "The future of GovTool"
     }
   },

From 80b6d53c54d06935ea95c6599e7eb073431b60db Mon Sep 17 00:00:00 2001
From: Ciabas <a.wroblewski@binarapps.com>
Date: Wed, 4 Jun 2025 16:17:59 +0200
Subject: [PATCH 2/2] speed up the opening transition animation in red banner

---
 .../MaintenanceEndingBanner/MaintenanceEndingBanner.tsx         | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/govtool/frontend/src/components/organisms/MaintenanceEndingBanner/MaintenanceEndingBanner.tsx b/govtool/frontend/src/components/organisms/MaintenanceEndingBanner/MaintenanceEndingBanner.tsx
index 7b15b3514..223839887 100644
--- a/govtool/frontend/src/components/organisms/MaintenanceEndingBanner/MaintenanceEndingBanner.tsx
+++ b/govtool/frontend/src/components/organisms/MaintenanceEndingBanner/MaintenanceEndingBanner.tsx
@@ -62,7 +62,7 @@ export const MaintenanceEndingBanner = () => {
       <Box
         sx={{
           maxHeight: isExpanded ? '300px' : "0px", // 300px is a safe value for transition effect
-          transition: "max-height 0.7s ease-in-out",
+          transition: "max-height 0.4s ease-in-out",
           overflow: "hidden",
         }}
       >