From 43cd66fcbc0aa6d56b75c30c125744926327d351 Mon Sep 17 00:00:00 2001
From: mluena <maluenarod@gmail.com>
Date: Fri, 12 Apr 2024 09:29:55 +0200
Subject: [PATCH 1/3] max height to legend

---
 client/src/containers/map/legend/index.tsx | 43 +++++++++++++---------
 1 file changed, 25 insertions(+), 18 deletions(-)

diff --git a/client/src/containers/map/legend/index.tsx b/client/src/containers/map/legend/index.tsx
index c9acb05e..4dfc81f3 100644
--- a/client/src/containers/map/legend/index.tsx
+++ b/client/src/containers/map/legend/index.tsx
@@ -10,6 +10,7 @@ import MapLegendItem from '@/containers/map/legend/legend-item';
 
 import Legend from '@/components/map/legend';
 import { Button } from '@/components/ui/button';
+import { ScrollArea } from '@/components/ui/scroll-area';
 
 const MapLegends = ({ className = '' }) => {
   const [layers] = useSyncLayers();
@@ -34,24 +35,30 @@ const MapLegends = ({ className = '' }) => {
 
   return (
     <div className="absolute bottom-12 right-6 z-10 flex w-full max-w-xs space-x-2">
-      {openLegend && (
-        <Legend
-          className={cn(
-            'animate-in fade-in-50 max-h-[calc(100vh_-_theme(space.16)_-_theme(space.6)_-_theme(space.48))] duration-300',
-            className
-          )}
-          sortable={{
-            enabled: sortable,
-            handle: true,
-          }}
-          onChangeOrder={handleChangeOrder}
-        >
-          {layers.map((layer) => {
-            const settings = { opacity: layer.opacity, visibility: layer.visibility, id: layer.id };
-            return <MapLegendItem key={layer.id} settings={settings} />;
-          })}
-        </Legend>
-      )}
+      <ScrollArea className="flex h-72 w-full max-w-xs flex-col xl:h-full">
+        {openLegend && (
+          <Legend
+            className={cn(
+              'animate-in fade-in-50 max-h-[calc(100vh_-_theme(space.16)_-_theme(space.6)_-_theme(space.48))] duration-300',
+              className
+            )}
+            sortable={{
+              enabled: sortable,
+              handle: true,
+            }}
+            onChangeOrder={handleChangeOrder}
+          >
+            {layers.map((layer) => {
+              const settings = {
+                opacity: layer.opacity,
+                visibility: layer.visibility,
+                id: layer.id,
+              };
+              return <MapLegendItem key={layer.id} settings={settings} />;
+            })}
+          </Legend>
+        )}
+      </ScrollArea>
       {layers.length > 0 && (
         <Button
           variant="primary"

From 3bb583cb6a7745b078e9db7ab2099365e5a4fea2 Mon Sep 17 00:00:00 2001
From: mluena <maluenarod@gmail.com>
Date: Fri, 12 Apr 2024 10:12:10 +0200
Subject: [PATCH 2/3] tooltip fixes

---
 client/src/components/ui/dialog.tsx           |  6 ++--
 client/src/containers/charts/bar.tsx          |  9 ++++--
 client/src/containers/charts/single-bar.tsx   | 31 +++++++++++++++----
 .../src/containers/countries/detail/panel.tsx | 10 +++---
 client/src/containers/filters/index.tsx       |  2 +-
 client/src/containers/map/legend/index.tsx    |  8 ++---
 6 files changed, 44 insertions(+), 22 deletions(-)

diff --git a/client/src/components/ui/dialog.tsx b/client/src/components/ui/dialog.tsx
index 3da2e47e..ef3758d8 100644
--- a/client/src/components/ui/dialog.tsx
+++ b/client/src/components/ui/dialog.tsx
@@ -25,7 +25,7 @@ const DialogOverlay = React.forwardRef<
   <DialogPrimitive.Overlay
     ref={ref}
     className={cn(
-      'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 left-0 top-0 z-50 h-screen w-screen bg-black/40',
+      'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 left-0 top-0 z-50 h-screen w-screen bg-black/40 bg-gray-900 bg-opacity-70',
       className
     )}
     {...props}
@@ -36,9 +36,9 @@ DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
 const DialogContent = React.forwardRef<
   React.ElementRef<typeof DialogPrimitive.Content>,
   React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & { overlay?: boolean }
->(({ className, overlay = false, children, ...props }, ref) => (
+>(({ className, children, ...props }, ref) => (
   <DialogPortal>
-    {overlay && <DialogOverlay />}
+    {<DialogOverlay />}
     <DialogPrimitive.Content
       ref={ref}
       className={cn(
diff --git a/client/src/containers/charts/bar.tsx b/client/src/containers/charts/bar.tsx
index c27d957d..c08bdb82 100644
--- a/client/src/containers/charts/bar.tsx
+++ b/client/src/containers/charts/bar.tsx
@@ -51,10 +51,13 @@ const CustomTooltip = ({
   if (!active || !payload || !payload.length) return null;
   return (
     <div className="shadow-tooltip bg-gradient-tooltip m-auto rounded-md border p-2">
-      <p className="text-center">{label}</p>
       <div className="flex space-x-2">
-        <p>Total</p>
-        <p>{payload[0].value}</p>
+        <p>Value</p>
+        <p className="font-bold">{payload[0].value}</p>
+      </div>
+      <div className="flex space-x-2">
+        <p>Year:</p>
+        <p className="font-bold">{label}</p>
       </div>
     </div>
   );
diff --git a/client/src/containers/charts/single-bar.tsx b/client/src/containers/charts/single-bar.tsx
index 42febfa6..a1be1644 100644
--- a/client/src/containers/charts/single-bar.tsx
+++ b/client/src/containers/charts/single-bar.tsx
@@ -34,15 +34,23 @@ export default function SingleBar({
 
             <TooltipContent side="top" align="end">
               <div className="flex flex-col items-center p-2 text-base">
-                <p>{formatCompactNumber(data['value'].afoco_funding || 0)}</p>
                 <p>
-                  {((data['value'].afoco_funding * 100) / data['value'].total_funding).toFixed()}%
+                  Funding:
+                  <span className="font-bold">
+                    {' '}
+                    {formatCompactNumber(data['value'].afoco_funding || 0)}
+                  </span>
+                  <span>
+                    {' '}
+                    ({((data['value'].afoco_funding * 100) / data['value'].total_funding).toFixed()}
+                    %)
+                  </span>
                 </p>
               </div>
             </TooltipContent>
           </Tooltip>
 
-          <Tooltip>
+          <Tooltip delayDuration={0}>
             <TooltipTrigger asChild>
               <div
                 className="h-full cursor-pointer rounded-br-[4px] rounded-tr-[4px] bg-[#FFCC73] hover:border-2 hover:border-[#D48D00]"
@@ -53,10 +61,21 @@ export default function SingleBar({
             </TooltipTrigger>
             <TooltipContent side="top" align="end">
               <div className="flex flex-col items-center p-2 text-base">
-                <p>{formatCompactNumber(data['value'].national_funding || 0)}</p>
                 <p>
-                  {((data['value'].national_funding * 100) / data['value'].total_funding).toFixed()}
-                  %
+                  Funding:
+                  <span className="font-bold">
+                    {' '}
+                    {formatCompactNumber(data['value'].national_funding || 0)}
+                  </span>
+                  <span>
+                    {' '}
+                    (
+                    {(
+                      (data['value'].national_funding * 100) /
+                      data['value'].total_funding
+                    ).toFixed()}
+                    %)
+                  </span>
                 </p>
               </div>
             </TooltipContent>
diff --git a/client/src/containers/countries/detail/panel.tsx b/client/src/containers/countries/detail/panel.tsx
index a1646bec..714c5fe2 100644
--- a/client/src/containers/countries/detail/panel.tsx
+++ b/client/src/containers/countries/detail/panel.tsx
@@ -266,14 +266,14 @@ export default function CountryDetailPanel() {
 
               <div className="flex flex-col space-y-2">
                 <div className="w-full rounded-xl bg-white p-4 shadow-sm">
-                  <div className="flex items-center justify-between">
+                  <div className="relative flex items-center justify-between">
                     <h3 className="text-base text-green-800">
                       Total funding{' '}
                       {indicators.country_funding.unit && (
                         <span>({indicators.country_funding.unit})</span>
                       )}
                     </h3>
-                    <Tooltip>
+                    <Tooltip delayDuration={200}>
                       <TooltipTrigger className="flex items-center justify-center rounded-full p-2 hover:bg-yellow-50 data-[state=open]:bg-yellow-50">
                         <Info className="text-green-800" size={20} />
                       </TooltipTrigger>
@@ -296,7 +296,7 @@ export default function CountryDetailPanel() {
                 <div className="w-full rounded-xl bg-white p-4 shadow-sm">
                   <div className="flex items-center justify-between pb-2">
                     <h3 className="text-base text-green-800">Total intervention area</h3>
-                    <Tooltip>
+                    <Tooltip delayDuration={200}>
                       <TooltipTrigger className="flex items-center justify-center rounded-full p-2 hover:bg-yellow-50 data-[state=open]:bg-yellow-50">
                         <Info className="text-green-800" size={20} />
                       </TooltipTrigger>
@@ -351,7 +351,7 @@ export default function CountryDetailPanel() {
                 <div className="w-full rounded-xl bg-white p-4 shadow-sm">
                   <div className="flex items-center justify-between pb-2">
                     <h3 className="text-base text-green-800">Total beneficiaries</h3>
-                    <Tooltip>
+                    <Tooltip delayDuration={200}>
                       <TooltipTrigger className="flex items-center justify-center rounded-full p-2 hover:bg-yellow-50 data-[state=open]:bg-yellow-50">
                         <Info className="text-green-800" size={20} />
                       </TooltipTrigger>
@@ -396,7 +396,7 @@ export default function CountryDetailPanel() {
                 <div className="w-full rounded-xl bg-white p-4 shadow-sm">
                   <div className="flex items-center justify-between pb-2">
                     <h3 className="text-base text-green-800">Total jobs</h3>
-                    <Tooltip>
+                    <Tooltip delayDuration={200}>
                       <TooltipTrigger className="flex items-center justify-center rounded-full p-2 hover:bg-yellow-50 data-[state=open]:bg-yellow-50">
                         <Info className="text-green-800" size={20} />
                       </TooltipTrigger>
diff --git a/client/src/containers/filters/index.tsx b/client/src/containers/filters/index.tsx
index 0a3c3ad3..f591e09d 100644
--- a/client/src/containers/filters/index.tsx
+++ b/client/src/containers/filters/index.tsx
@@ -37,7 +37,7 @@ export default function Filters({ nrResults = 0 }: { nrResults: number }) {
               </Button>
             </DialogTrigger>
 
-            <DialogContent>
+            <DialogContent overlay>
               <DialogHeader className="text-xl font-semibold leading-7 text-green-900">
                 <DialogTitle>Filters</DialogTitle>
               </DialogHeader>
diff --git a/client/src/containers/map/legend/index.tsx b/client/src/containers/map/legend/index.tsx
index 4dfc81f3..e4aef9b1 100644
--- a/client/src/containers/map/legend/index.tsx
+++ b/client/src/containers/map/legend/index.tsx
@@ -35,8 +35,8 @@ const MapLegends = ({ className = '' }) => {
 
   return (
     <div className="absolute bottom-12 right-6 z-10 flex w-full max-w-xs space-x-2">
-      <ScrollArea className="flex h-72 w-full max-w-xs flex-col xl:h-full">
-        {openLegend && (
+      {openLegend && (
+        <ScrollArea className="flex h-72 w-full max-w-xs flex-col xl:h-full">
           <Legend
             className={cn(
               'animate-in fade-in-50 max-h-[calc(100vh_-_theme(space.16)_-_theme(space.6)_-_theme(space.48))] duration-300',
@@ -57,8 +57,8 @@ const MapLegends = ({ className = '' }) => {
               return <MapLegendItem key={layer.id} settings={settings} />;
             })}
           </Legend>
-        )}
-      </ScrollArea>
+        </ScrollArea>
+      )}
       {layers.length > 0 && (
         <Button
           variant="primary"

From 7eca0df21f423dded619ac0f38251bc9adff46ef Mon Sep 17 00:00:00 2001
From: anamontiaga <amontiaga@gmail.com>
Date: Fri, 12 Apr 2024 10:41:57 +0200
Subject: [PATCH 3/3] fix filters tests

---
 client/cypress/downloads/downloads.html | Bin 0 -> 3844 bytes
 client/cypress/e2e/filters.cy.ts        |   2 +-
 2 files changed, 1 insertion(+), 1 deletion(-)
 create mode 100644 client/cypress/downloads/downloads.html

diff --git a/client/cypress/downloads/downloads.html b/client/cypress/downloads/downloads.html
new file mode 100644
index 0000000000000000000000000000000000000000..53acb939d60a0504e6379239e59508132fc54628
GIT binary patch
literal 3844
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

literal 0
HcmV?d00001

diff --git a/client/cypress/e2e/filters.cy.ts b/client/cypress/e2e/filters.cy.ts
index 72544bfc..71925e2e 100644
--- a/client/cypress/e2e/filters.cy.ts
+++ b/client/cypress/e2e/filters.cy.ts
@@ -193,7 +193,7 @@ describe('Filter selection and removal URL update', () => {
       const filterToRemove = selectedFilters[0];
       cy.get(
         `[data-cy="filters-remove-badge-${filterToRemove.category}-${filterToRemove.id}"]`
-      ).click();
+      ).click({ force: true });
 
       // Verify the URL no longer includes the removed filter
       cy.url().then((url) => {