disclaimer no layers

Vizzuality · Apr 23, 2024 · c795bae · c795bae
1 parent 035d566
commit c795bae
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 13 deletions.
diff --git a/src/components/widget-controls/info/index.tsx b/src/components/widget-controls/info/index.tsx
@@ -8,8 +8,6 @@ import INFO_SVG from 'svgs/ui/info.svg?sprite';
 const Info = ({ id, content }) => {
   const Info = INFO[id];
 
-  console.log(Info);
-
   if (!Info && !content) return null;
   return (
     <div className="flex h-[30px] w-[30px] flex-col items-center justify-center rounded-full bg-white text-brand-800">

diff --git a/src/containers/map/legend/item/index.tsx b/src/containers/map/legend/item/index.tsx
@@ -131,13 +131,15 @@ const LegendItem = ({
               </button>
             )}
           </Media>
-          <Dialog modal={false}>
+          <Dialog>
             <DialogTrigger>
               <Tooltip>
-                <TooltipTrigger>
-                  <p className="pl-4 text-xs font-semibold uppercase tracking-wider text-black/85 md:pl-0">
-                    {title}
-                  </p>
+                <TooltipTrigger asChild>
+                  <button type="button" aria-label="Layer statistics">
+                    <p className="pl-4 text-xs font-semibold uppercase tracking-wider text-black/85 md:pl-0">
+                      {title}
+                    </p>
+                  </button>
                 </TooltipTrigger>
                 <TooltipPortal>
                   <TooltipContent side="top" align="center" className="bg-gray-600 px-2 text-white">
@@ -179,14 +181,16 @@ const LegendItem = ({
             message="Use the settings of each layer to obtain detailed information, manage the opacity, hide or show it or to remove it from the map."
           >
             <div className="ml-2 flex items-center">
-              <Dialog modal={false}>
+              <Dialog>
                 <DialogTrigger>
                   <Tooltip>
-                    <TooltipTrigger>
-                      <Icon
-                        icon={INFO_SVG}
-                        className="mr-1.5 h-[17px] w-[17px] fill-black/40 align-middle"
-                      />
+                    <TooltipTrigger asChild>
+                      <button type="button" aria-label="Info layer">
+                        <Icon
+                          icon={INFO_SVG}
+                          className="mr-1.5 h-[17px] w-[17px] fill-black/40 align-middle"
+                        />
+                      </button>
                     </TooltipTrigger>
                     <TooltipPortal>
                       <TooltipContent