mapOptions open by default

src/Countries.jsx

@@ -179,7 +179,7 @@ export default function Countries({ mapOptions, onMapOptionClick }) {
 
 
   const generatePopup = (info) => {
-    console.log(info)
+    // console.log(info)
     const [currentTech, currentYear, currentParameter] = filterFilters.map(f => f.options.find(o => o.checked)).concat(paintFilters[0].options.find(o => o.checked))
     return (
       <div>
@@ -388,7 +388,7 @@ export default function Countries({ mapOptions, onMapOptionClick }) {
             <div className="flex items-center">
               <Menu as="div" className="relative inline-block text-left">
                 <div>
-                  <Menu.Button className="group inline-flex justify-center text-sm font-medium text-gray-700 hover:text-gray-900">
+                  <Menu.Button className="hidden group inline-flex justify-center text-sm font-medium text-gray-700 hover:text-gray-900">
                     {mapOptions.find((option) => option.current).name}
                     <ChevronDownIcon
                       className="-mr-1 ml-1 h-5 w-5 flex-shrink-0 text-gray-400 group-hover:text-gray-500"
@@ -405,6 +405,7 @@ export default function Countries({ mapOptions, onMapOptionClick }) {
                   leave="transition ease-in duration-75"
                   leaveFrom="transform opacity-100 scale-100"
                   leaveTo="transform opacity-0 scale-95"
+                  show={true}
                 >
                   <Menu.Items className="absolute right-0 z-10 mt-2 w-40 origin-top-right rounded-md bg-white shadow-2xl ring-1 ring-black ring-opacity-5 focus:outline-none">
                     <div className="py-1">

src/Points.jsx

@@ -681,7 +681,7 @@ export default function Points({ mapOptions, onMapOptionClick }) {
   const [filters, setFilters] = useState(initialFilters);
 
   const generatePopup = (info) => {
-    console.log(info)
+    // console.log(info)
     return (
       <div>
         <img src={`/photos/${info.id_rreda_parc}.jpg`} className="mb-4 rounded" />
@@ -835,7 +835,6 @@ export default function Points({ mapOptions, onMapOptionClick }) {
         lat: event.lngLat.lat,
         ...event.features[0].properties
       })
-      // console.log(popupInfo)
       setOpen(true)
     }
   };
@@ -864,16 +863,14 @@ export default function Points({ mapOptions, onMapOptionClick }) {
               Объекты ВИЭ-генерации в регионах России
             </h1>
             <div className="flex items-center">
-              <Menu open={true} as="div" className="relative inline-block text-left">
-                <div>
-                  <Menu.Button className="group inline-flex justify-center text-sm font-medium text-gray-700 hover:text-gray-900">
-                    {mapOptions.find((option) => option.current).name}
-                    <ChevronDownIcon
-                      className="-mr-1 ml-1 h-5 w-5 flex-shrink-0 text-gray-400 group-hover:text-gray-500"
-                      aria-hidden="true"
-                    />
-                  </Menu.Button>
-                </div>
+              <Menu as="div" className="relative inline-block text-left">
+                <Menu.Button className="hidden group inline-flex justify-center text-sm font-medium text-gray-700 hover:text-gray-900">
+                  {mapOptions.find((option) => option.current).name}
+                  <ChevronDownIcon
+                    className="-mr-1 ml-1 h-5 w-5 flex-shrink-0 text-gray-400 group-hover:text-gray-500"
+                    aria-hidden="true"
+                  />
+                </Menu.Button>
 
                 <Transition
                   as={Fragment}
@@ -883,6 +880,7 @@ export default function Points({ mapOptions, onMapOptionClick }) {
                   leave="transition ease-in duration-75"
                   leaveFrom="transform opacity-100 scale-100"
                   leaveTo="transform opacity-0 scale-95"
+                  show={true}
                 >
                   <Menu.Items className="absolute right-0 z-10 mt-2 w-40 origin-top-right rounded-md bg-white shadow-2xl ring-1 ring-black ring-opacity-5 focus:outline-none">
                     <div className="py-1">

src/Regions.jsx

@@ -225,7 +225,7 @@ export default function Regions({ mapOptions, onMapOptionClick }) {
 
 
   const generatePopup = (info) => {
-    console.log(info)
+    // console.log(info)
     const [currentTech, currentSupport, currentYear, currentParameter] = filterFilters.map(f => f.options.find(o => o.checked)).concat(paintFilters[0].options.find(o => o.checked))
     return (
       <div>
@@ -442,7 +442,7 @@ export default function Regions({ mapOptions, onMapOptionClick }) {
             <div className="flex items-center">
               <Menu as="div" className="relative inline-block text-left">
                 <div>
-                  <Menu.Button className="group inline-flex justify-center text-sm font-medium text-gray-700 hover:text-gray-900">
+                  <Menu.Button className="hidden group inline-flex justify-center text-sm font-medium text-gray-700 hover:text-gray-900">
                     {mapOptions.find((option) => option.current).name}
                     <ChevronDownIcon
                       className="-mr-1 ml-1 h-5 w-5 flex-shrink-0 text-gray-400 group-hover:text-gray-500"
@@ -459,6 +459,7 @@ export default function Regions({ mapOptions, onMapOptionClick }) {
                   leave="transition ease-in duration-75"
                   leaveFrom="transform opacity-100 scale-100"
                   leaveTo="transform opacity-0 scale-95"
+                  show={true}
                 >
                   <Menu.Items className="absolute right-0 z-10 mt-2 w-40 origin-top-right rounded-md bg-white shadow-2xl ring-1 ring-black ring-opacity-5 focus:outline-none">
                     <div className="py-1">
@@ -479,6 +480,7 @@ export default function Regions({ mapOptions, onMapOptionClick }) {
               </Menu>
             </div>
           </div>
+          
 
           <section aria-labelledby="products-heading" className="pt-6 pb-24">
             <div className="grid grid-cols-1 gap-x-8 gap-y-10 lg:grid-cols-4">