Changing map markers icons

src/app/assets/pluviometer/PluviometroOficial.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 600"><defs><style>.cls-1{fill:none;stroke-width:25.51px;}.cls-1,.cls-2{stroke:#fff;stroke-linecap:round;stroke-linejoin:round;}.cls-2,.cls-3{fill:#fff;}.cls-2{stroke-width:22.68px;}</style></defs><g id="Camada_2" data-name="Camada 2"><polygon class="cls-1" points="376.95 192.82 376.36 192.82 376.36 123.03 193.54 123.03 193.54 193.57 194.56 193.57 221.62 240.65 221.62 240.65 246.71 574 321.99 574 346.94 240.65 347.08 240.65 376.95 192.82"/><polygon class="cls-2" points="364.37 311.91 354.13 311.91 234 311.91 239.83 365.41 354.13 365.41 354.13 365.86 389.15 365.86 389.15 396.26 424.61 396.26 424.61 365.86 424.61 365.69 424.61 311.91 364.37 311.91"/><path class="cls-3" d="M313.82,73.54a28.9,28.9,0,1,1-57.79,0c0-16,28.9-58.54,28.9-58.54S313.82,57.59,313.82,73.54Z"/></g></svg>

src/app/components/MapModal.js

@@ -220,7 +220,7 @@ function MapModal(props) {
       {topBar(props)}
       {componentBody(props)}
       {isPluviometer(props.name) ? moreInfo(props) : null}
-      {isPluviometer(props.name) ? reviews(props) : null}
+      {!isPluviometer(props.name) ? reviews(props) : null}
     </SelfClosingModal>
   );
 }

src/app/config/assets.js

@@ -71,7 +71,7 @@ export default {
     Rain_1_5: RainLow,
     Rain_1_5_Toggle: RainLowToggle,
 
-    rain_2_5: require("../assets/rain/chuva_peq.png"),
+    rain_2_5: require("../assets/rain/chuva_logo.png"),
     Rain_2_5: RainMedium,
     Rain_2_5_Toggle: RainMediumToggle,
 
@@ -94,6 +94,7 @@ export default {
     Weather_5_clean,
   ],
   pluviometer: require("../assets/pluviometer/diario_pluviometrico.png"),
+  officialPluviometer: require("../assets/pluviometer/pluviometroOficial.png"),
   PluviometerIcon: Pluviometer,
   AppLogoTitle: AppLogoTitle,
 };

src/app/hooks/selectFromDB.js

@@ -6,6 +6,7 @@ import assets from "../config/assets";
 
 const custom_assets = {
   pluviometer: assets.pluviometer,
+  officialPluviometer: assets.officialPluviometer,
   floodZones: assets.floodZones,
   riverLevel: ["low", "normal", "high", "flooding"].map((key) => {
     return assets.riverLevel[key];
@@ -208,7 +209,7 @@ function buildRandonData(location, addr) {
 
   return points.map((points) => {
     return {
-      image: custom_assets.pluviometer,
+      image: custom_assets.officialPluviometer,
       ID: ++ID,
       name: "officialPluviometer",
       title: "Pluviometro Oficial " + i++,