add flag outline

src/Countries.jsx

@@ -185,7 +185,7 @@ export default function Countries({ mapOptions, onMapOptionClick }) {
     const [currentTech, currentYear, currentParameter] = filterFilters.map(f => f.options.find(o => o.checked)).concat(paintFilters[0].options.find(o => o.checked))
     return (
       <div>
-        <img src={`/flags/${info.id_country}.jpg`} className="mb-4 w-36" />
+        <img src={`/flags/${info.id_country}.png`} className="mb-4 w-36 outline outline-gray-400" />
         {info.area_km2 && <p className="text-gray-500">Площадь <span className="text-gray-900 font-medium">{(info.area_km2 / 1000).toFixed(1).replace(".", ",")} тыс. км²</span></p>}
         {info.population_person && <p className="text-gray-500">Численность населения <span className="text-gray-900 font-medium">{(info.population_person / 1000).toFixed(1).replace(".", ",")} тыс. чел.</span></p>}
         {info.population_densitiy_pers_km2 && <p className="text-gray-500">Плотность населения <span className="text-gray-900 font-medium">{info.population_densitiy_pers_km2.toFixed(1).replace(".", ",")} чел./км²</span></p>}
@@ -546,7 +546,8 @@ export default function Countries({ mapOptions, onMapOptionClick }) {
                                   onChange={handleFilterToggle}
                                   disabled={
                                     (paintFilters[0].options.find(o => o.checked).value == "res_share_generation" ||
-                                      paintFilters[0].options.find(o => o.checked).value == "res_share_power") &&
+                                    paintFilters[0].options.find(o => o.checked).value == "res_share_power" ||
+                                    paintFilters[0].options.find(o => o.checked).value == "generation_to_population_kWh_pers") &&
                                     section.id == "id_tech" && option.value < 7 ?
                                     true
                                     : false