Merge pull request #69 from CIAT-DAPA/develop

Develop
CIAT-DAPA · Jun 14, 2024 · 58bc133 · 58bc133
2 parents 6a67b02 + 94b5240
commit 58bc133
Show file tree

Hide file tree

Showing 6 changed files with 321 additions and 212 deletions.
diff --git a/src/src/components/subscriptionButton/SubscriptionButton.css b/src/src/components/subscriptionButton/SubscriptionButton.css
@@ -0,0 +1,5 @@
+.btn-monitoring {
+  height: 42px;
+  font-size: 14px !important;
+  padding: 4px 8px;
+}
diff --git a/src/src/components/subscriptionButton/SubscriptionButton.js b/src/src/components/subscriptionButton/SubscriptionButton.js
@@ -1,9 +1,10 @@
 import React, { useEffect, useState } from "react";
 import { IconMailOff, IconMailPlus } from "@tabler/icons-react";
-import { Button, Dropdown, Form, Modal } from "react-bootstrap";
+import { Button, Dropdown } from "react-bootstrap";
 import Services from "../../services/apiService";
 import { useAuth } from "../../hooks/useAuth";
 import { useTranslation } from "react-i18next";
+import "./SubscriptionButton.css";
 
 function SubscriptionButton({
   idWater,
@@ -12,6 +13,7 @@ function SubscriptionButton({
   setShowToastSubscribe,
   setToastSuccess,
   size,
+  isMonitoringBtn,
 }) {
   const [t] = useTranslation("global");
   const [subscription, setSubscription] = useState();
@@ -85,10 +87,15 @@ function SubscriptionButton({
       <Dropdown>
         <Dropdown.Toggle
           size={size ? size : ""}
-          className={`me-2 btn ${size ? "rounded-3" : "rounded-4"}`}
+          className={`me-2 btn ${size ? "rounded-3" : "rounded-4"} ${
+            isMonitoringBtn ? "btn-monitoring" : ""
+          }`}
           id="dropdown-basic"
         >
-          <IconMailPlus size={20} className={label ? "me-2" : ""} />{" "}
+          <IconMailPlus
+            size={isMonitoringBtn ? 24 : 20}
+            className={label ? "me-2" : ""}
+          />{" "}
           {label ? t("subscriptionButton.subscribe") : ""}
         </Dropdown.Toggle>