From 08144effcff90b492da86026da97232b3b31a9a6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Cain=C3=A3=20Milech?= Date: Tue, 10 Jan 2023 09:49:17 -0300 Subject: [PATCH] feat: Adiciona componente de link ao sitemap --- .../src/components/Footer/Developed.tsx | 26 +++++++++++ .../src/components/Footer/FooterBottom.tsx | 3 +- react-project/src/components/Footer/Link.tsx | 16 +++++++ .../src/components/Footer/Sitemap.tsx | 42 ++++++------------ .../components/Footer/SitemapAccordion.tsx | 43 ++++++------------- .../assets/modules/Developed.module.scss | 20 +++++++++ .../assets/modules/FooterBottom.module.scss | 1 + .../assets/modules/Newsletter.module.scss | 6 ++- .../src/components/Footer/assets/svgs/m3.svg | 4 ++ .../components/Footer/assets/svgs/vtex.svg | 7 +++ 10 files changed, 105 insertions(+), 63 deletions(-) create mode 100644 react-project/src/components/Footer/Developed.tsx create mode 100644 react-project/src/components/Footer/Link.tsx create mode 100644 react-project/src/components/Footer/assets/modules/Developed.module.scss create mode 100644 react-project/src/components/Footer/assets/svgs/m3.svg create mode 100644 react-project/src/components/Footer/assets/svgs/vtex.svg diff --git a/react-project/src/components/Footer/Developed.tsx b/react-project/src/components/Footer/Developed.tsx new file mode 100644 index 0000000..4bbfcb8 --- /dev/null +++ b/react-project/src/components/Footer/Developed.tsx @@ -0,0 +1,26 @@ +import developed from "./assets/modules/Developed.module.scss"; + +import vtex from "./assets/svgs/vtex.svg"; +import m3 from "./assets/svgs/m3.svg"; + +const Developed = () => { + return ( +
+ Powered By + +
+ Logo VTEX +
+ + + Developed By + +
+ Logo M3 +
+ +
+ ); +}; + +export { Developed }; diff --git a/react-project/src/components/Footer/FooterBottom.tsx b/react-project/src/components/Footer/FooterBottom.tsx index 5b6afc5..e4caa2f 100644 --- a/react-project/src/components/Footer/FooterBottom.tsx +++ b/react-project/src/components/Footer/FooterBottom.tsx @@ -1,6 +1,7 @@ import footer from "./assets/modules/FooterBottom.module.scss"; import { Payments } from "./Payments"; +import { Developed } from "./Developed"; import master from "./assets/svgs/master.svg"; import visa from "./assets/svgs/visa.svg"; @@ -37,7 +38,7 @@ const FooterBottom = () => { -
b
+ ); }; diff --git a/react-project/src/components/Footer/Link.tsx b/react-project/src/components/Footer/Link.tsx new file mode 100644 index 0000000..a8d5a65 --- /dev/null +++ b/react-project/src/components/Footer/Link.tsx @@ -0,0 +1,16 @@ +interface ILink { + href: string; + text: string; +} + +const Link = (props: ILink) => { + const { href, text } = props; + + return ( +
  • + {text} +
    • + ); +}; + +export { Link }; diff --git a/react-project/src/components/Footer/Sitemap.tsx b/react-project/src/components/Footer/Sitemap.tsx index 97ba3f7..dad6b03 100644 --- a/react-project/src/components/Footer/Sitemap.tsx +++ b/react-project/src/components/Footer/Sitemap.tsx @@ -1,5 +1,7 @@ import sitemap from "./assets/modules/Sitemap.module.scss"; +import { Link } from "./Link"; + const Sitemap = () => { return (
    @@ -7,18 +9,10 @@ const Sitemap = () => {

    Institucional

    @@ -26,18 +20,10 @@ const Sitemap = () => {

    Dúvidas

    @@ -47,15 +33,11 @@ const Sitemap = () => {
  • Atendimento Ao Consumidor
    • -
  • - (11) 4159 9504 -
    • +
  • Atendimento Online
    • -
  • - (11) 99433-8825 -
    • + diff --git a/react-project/src/components/Footer/SitemapAccordion.tsx b/react-project/src/components/Footer/SitemapAccordion.tsx index 8b9887f..3f0838b 100644 --- a/react-project/src/components/Footer/SitemapAccordion.tsx +++ b/react-project/src/components/Footer/SitemapAccordion.tsx @@ -4,6 +4,7 @@ import { AccordionHeader, AccordionItem, } from "react-headless-accordion"; +import { Link } from "./Link"; import links from "./assets/modules/SitemapAccordion.module.scss"; @@ -20,18 +21,10 @@ const SitemapAccordion = () => { @@ -44,18 +37,10 @@ const SitemapAccordion = () => { @@ -69,17 +54,13 @@ const SitemapAccordion = () => { diff --git a/react-project/src/components/Footer/assets/modules/Developed.module.scss b/react-project/src/components/Footer/assets/modules/Developed.module.scss new file mode 100644 index 0000000..0333179 --- /dev/null +++ b/react-project/src/components/Footer/assets/modules/Developed.module.scss @@ -0,0 +1,20 @@ +.developed { + display: flex; + align-items: center; + gap: 13px; + + span { + font-weight: 400; + font-size: 10px; + line-height: 12px; + color: var(--white); + } + + a { + display: contents; + + figure { + display: contents; + } + } +} diff --git a/react-project/src/components/Footer/assets/modules/FooterBottom.module.scss b/react-project/src/components/Footer/assets/modules/FooterBottom.module.scss index ddf4559..6126d5b 100644 --- a/react-project/src/components/Footer/assets/modules/FooterBottom.module.scss +++ b/react-project/src/components/Footer/assets/modules/FooterBottom.module.scss @@ -11,6 +11,7 @@ font-size: 10px; line-height: 12px; color: var(--white); + text-transform: capitalize; } &__icons { diff --git a/react-project/src/components/Footer/assets/modules/Newsletter.module.scss b/react-project/src/components/Footer/assets/modules/Newsletter.module.scss index 5cb9593..49bd012 100644 --- a/react-project/src/components/Footer/assets/modules/Newsletter.module.scss +++ b/react-project/src/components/Footer/assets/modules/Newsletter.module.scss @@ -102,10 +102,14 @@ line-height: 14px; letter-spacing: 0.05em; cursor: pointer; + transition: all 0.2s linear; &:hover { background-color: var(--black-100); - transition: 0.3s; + } + + &:active { + background: var(--black); } @media screen and (min-width: 2500px) { diff --git a/react-project/src/components/Footer/assets/svgs/m3.svg b/react-project/src/components/Footer/assets/svgs/m3.svg new file mode 100644 index 0000000..0eeb905 --- /dev/null +++ b/react-project/src/components/Footer/assets/svgs/m3.svg @@ -0,0 +1,4 @@ + + + + diff --git a/react-project/src/components/Footer/assets/svgs/vtex.svg b/react-project/src/components/Footer/assets/svgs/vtex.svg new file mode 100644 index 0000000..7e8d17b --- /dev/null +++ b/react-project/src/components/Footer/assets/svgs/vtex.svg @@ -0,0 +1,7 @@ + + + + + + +