From 1fc1f0eb7263254dbd8431778f5393524fa2ea4b Mon Sep 17 00:00:00 2001
From: g <you@example.com>
Date: Tue, 7 Mar 2023 13:13:57 +0300
Subject: [PATCH] add flag outline

---
 src/Countries.jsx | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/Countries.jsx b/src/Countries.jsx
index 136d792..db41613 100644
--- a/src/Countries.jsx
+++ b/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,10 +546,11 @@ 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") &&
-                                      section.id == "id_tech" && option.value < 7 ?
-                                      true
-                                      : false
+                                    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
                                   }
                                 />
                                 <label