Merge pull request #3735 from IntersectMBO/staging

v2.0.24

Author: bosko-m

govtool/frontend/package-lock.json

@@ -29,7 +29,7 @@
     "@hookform/resolvers": "^3.3.1",
     "@intersect.mbo/govtool-outcomes-pillar-ui": "v1.4.3",
     "@intersect.mbo/intersectmbo.org-icons-set": "^1.0.8",
-    "@intersect.mbo/pdf-ui": "0.7.0-beta-35",
+    "@intersect.mbo/pdf-ui": "0.7.0-beta-36",
     "@mui/icons-material": "^5.14.3",
     "@mui/material": "^5.14.4",
     "@rollup/plugin-babel": "^6.0.4",

govtool/frontend/package.json

@@ -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.4s ease-in-out",
           overflow: "hidden",
         }}
       >

govtool/frontend/src/components/organisms/MaintenanceEndingBanner/MaintenanceEndingBanner.tsx

@@ -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"
     }
   },

govtool/frontend/src/i18n/locales/en.json

@@ -199,15 +199,19 @@ test("4H. Should verify none of the displayed governance actions have expired",
   const govActionsPage = new GovernanceActionsPage(page);
   await govActionsPage.goto();
 
-  const proposalCards = await govActionsPage.getAllProposals();
-
-  for (const proposalCard of proposalCards) {
-    const expiryDateEl = proposalCard.getByTestId("expiry-date");
-    const expiryDateTxt = await expiryDateEl.innerText();
-    const expiryDate = extractExpiryDateFromText(expiryDateTxt);
-    const today = new Date();
-    expect(today <= expiryDate).toBeTruthy();
-  }
+  await functionWaitedAssert(
+    async () => {
+      const proposalCards = await govActionsPage.getAllProposals();
+      for (const proposalCard of proposalCards) {
+        const expiryDateEl = proposalCard.getByTestId("expiry-date");
+        const expiryDateTxt = await expiryDateEl.innerText();
+        const expiryDate = extractExpiryDateFromText(expiryDateTxt);
+        const today = new Date();
+        expect(today <= expiryDate).toBeTruthy();
+      }
+    },
+    { name: "verify none expired governance actions" }
+  );
 });
 
 test("4K. Should display correct vote counts on governance details page for disconnect state", async ({