diff --git a/react-project/src/components/FixedIcons/FixedIcons.tsx b/react-project/src/components/FixedIcons/FixedIcons.tsx index 5ecf32c..12b3b54 100644 --- a/react-project/src/components/FixedIcons/FixedIcons.tsx +++ b/react-project/src/components/FixedIcons/FixedIcons.tsx @@ -1,9 +1,20 @@ +import { useState, useEffect } from "react"; + import icons from "./assets/modules/FixedIcons.module.scss"; import whats from "./assets/svgs/whatsapp.svg"; import arrow from "./assets/svgs/arrow.svg"; const FixedIcons = () => { + const [scrollTop, setScrollTop] = useState(0); + + useEffect(() => { + const handleScroll = () => { + setScrollTop(window.scrollY); + }; + window.addEventListener("scroll", handleScroll); + }); + return (
{ Ícone WhatsApp -
window.scrollTo({ top: 0, behavior: "smooth" })} - className={icons["icons__arrow"]} - > -
- Ícone subir ao topo -
-
+ {scrollTop > 0 ? ( +
window.scrollTo({ top: 0, behavior: "smooth" })} + className={icons["icons__arrow"]} + > +
+ Ícone subir ao topo +
+
+ ) : undefined}
); }; diff --git a/react-project/src/components/FixedIcons/assets/modules/FixedIcons.module.scss b/react-project/src/components/FixedIcons/assets/modules/FixedIcons.module.scss index d450482..6a1692b 100644 --- a/react-project/src/components/FixedIcons/assets/modules/FixedIcons.module.scss +++ b/react-project/src/components/FixedIcons/assets/modules/FixedIcons.module.scss @@ -2,6 +2,7 @@ position: fixed; bottom: 200px; right: 16px; + z-index: 9999; @media screen and (min-width: 2500px) { bottom: 215px; diff --git a/react-project/src/components/Footer/assets/svgs/boleto.svg b/react-project/src/components/Footer/assets/svgs/boleto.svg index 6fea7a5..2041988 100644 --- a/react-project/src/components/Footer/assets/svgs/boleto.svg +++ b/react-project/src/components/Footer/assets/svgs/boleto.svg @@ -1,9 +1,9 @@ - + - + - + diff --git a/react-project/src/components/Footer/assets/svgs/mastercard.png b/react-project/src/components/Footer/assets/svgs/mastercard.png new file mode 100644 index 0000000..e04d81d Binary files /dev/null and b/react-project/src/components/Footer/assets/svgs/mastercard.png differ diff --git a/react-project/src/components/MainInstitucional/Contato.tsx b/react-project/src/components/MainInstitucional/Contato.tsx index 61d9be1..e146175 100644 --- a/react-project/src/components/MainInstitucional/Contato.tsx +++ b/react-project/src/components/MainInstitucional/Contato.tsx @@ -85,7 +85,6 @@ const Contato = () => { { Feedback(); - console.log(values); actions.resetForm(); }} initialValues={initialValues}