From 919988317cf77d989cacc4b805400abd94e57417 Mon Sep 17 00:00:00 2001
From: Amanda <almeidafonseca14@gmail.com>
Date: Wed, 18 Jan 2023 18:36:24 -0300
Subject: [PATCH] fix(main): corrigi escrita do codigo e altera as imagens para
 svg

---
 src/components/Main/Main.tsx                  |   8 ++++----
 .../Main/Subject/Contato/RegistrationForm.tsx |   3 +--
 .../Main/Subject/Entrega/Entrega.tsx          |   4 ++--
 .../Forma-de-pagamento/FormaDePagamento.tsx   |   4 ++--
 src/components/Main/Subject/Nav/Li/Li.tsx     |   7 ++++---
 src/components/Main/Subject/Nav/Nav.tsx       |  19 ++++++++++--------
 .../SegurancaEPrivacidade.tsx                 |   4 ++--
 src/components/Main/Subject/Sobre/Sobre.tsx   |   4 ++--
 src/components/Main/Subject/SubjectMain.tsx   |  16 +++++++--------
 src/components/Main/Subject/SubjectText.tsx   |   5 +++--
 .../Troca-e-devolucao/TrocaEDevolucao.tsx     |   4 ++--
 src/components/Main/assets/arrow.png          | Bin 205 -> 0 bytes
 src/components/Main/assets/arrow.svg          |  10 +++++++++
 src/components/Main/assets/iconHome.png       | Bin 350 -> 0 bytes
 src/components/Main/assets/iconHome.svg       |   3 +++
 src/index.tsx                                 |   2 +-
 src/pages/Home.tsx                            |   4 ++--
 17 files changed, 57 insertions(+), 40 deletions(-)
 delete mode 100644 src/components/Main/assets/arrow.png
 create mode 100644 src/components/Main/assets/arrow.svg
 delete mode 100644 src/components/Main/assets/iconHome.png
 create mode 100644 src/components/Main/assets/iconHome.svg

diff --git a/src/components/Main/Main.tsx b/src/components/Main/Main.tsx
index 5c7c58d..df83ea8 100644
--- a/src/components/Main/Main.tsx
+++ b/src/components/Main/Main.tsx
@@ -1,6 +1,6 @@
-import iconHome from "./assets/iconHome.png";
-import arrow from "./assets/arrow.png";
-import SubjectMain from "./Subject/SubjectMain";
+import iconHome from "./assets/iconHome.svg";
+import arrow from "./assets/arrow.svg";
+import { SubjectMain } from "./Subject/SubjectMain";
 
 import styles from "./main.module.scss";
 
@@ -18,4 +18,4 @@ const Main = () => {
   );
 };
 
-export default Main;
+export { Main };
diff --git a/src/components/Main/Subject/Contato/RegistrationForm.tsx b/src/components/Main/Subject/Contato/RegistrationForm.tsx
index 44f53f1..792caa6 100644
--- a/src/components/Main/Subject/Contato/RegistrationForm.tsx
+++ b/src/components/Main/Subject/Contato/RegistrationForm.tsx
@@ -1,5 +1,4 @@
 import react, { useState } from "react";
-import mask from "react-input-mask";
 import styles from "./form.module.scss";
 import stylesInput from "./input.module.scss";
 import stylesCheckbox from "./checkbox.module.scss";
@@ -169,4 +168,4 @@ const RegistrationForm = () => {
   );
 };
 
-export default RegistrationForm;
+export { RegistrationForm };
diff --git a/src/components/Main/Subject/Entrega/Entrega.tsx b/src/components/Main/Subject/Entrega/Entrega.tsx
index 6a3bd6f..552b944 100644
--- a/src/components/Main/Subject/Entrega/Entrega.tsx
+++ b/src/components/Main/Subject/Entrega/Entrega.tsx
@@ -1,8 +1,8 @@
 import React from "react";
-import SubjectText from "../SubjectText";
+import { SubjectText } from "../SubjectText";
 
 const Entrega = () => {
   return <SubjectText title="Entrega" />;
 };
 
-export default Entrega;
+export { Entrega };
diff --git a/src/components/Main/Subject/Forma-de-pagamento/FormaDePagamento.tsx b/src/components/Main/Subject/Forma-de-pagamento/FormaDePagamento.tsx
index 0afb3c8..c4252e4 100644
--- a/src/components/Main/Subject/Forma-de-pagamento/FormaDePagamento.tsx
+++ b/src/components/Main/Subject/Forma-de-pagamento/FormaDePagamento.tsx
@@ -1,8 +1,8 @@
 import React from "react";
-import SubjectText from "../SubjectText";
+import { SubjectText } from "../SubjectText";
 
 const FormaDePagamento = () => {
   return <SubjectText title="Forma de pagamento" />;
 };
 
-export default FormaDePagamento;
+export { FormaDePagamento };
diff --git a/src/components/Main/Subject/Nav/Li/Li.tsx b/src/components/Main/Subject/Nav/Li/Li.tsx
index ccf7802..1fca08d 100644
--- a/src/components/Main/Subject/Nav/Li/Li.tsx
+++ b/src/components/Main/Subject/Nav/Li/Li.tsx
@@ -8,20 +8,21 @@ interface LiProps extends NavLinkProps {
 }
 
 const LiForm = (props: LiProps) => {
+  const { text, to } = props;
   return (
     <li>
       <NavLink
-        to={props.to}
+        to={to}
         className={({ isActive }) =>
           isActive
             ? styles["page-subject__active"]
             : styles["page-subject__button"]
         }
       >
-        {props.text}
+        {text}
       </NavLink>
     </li>
   );
 };
 
-export default LiForm;
+export { LiForm };
diff --git a/src/components/Main/Subject/Nav/Nav.tsx b/src/components/Main/Subject/Nav/Nav.tsx
index f7294c7..0a068c1 100644
--- a/src/components/Main/Subject/Nav/Nav.tsx
+++ b/src/components/Main/Subject/Nav/Nav.tsx
@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import Li from "./Li/Li";
+import { LiForm } from "./Li/Li";
 import styles from "../subject.module.scss";
 
 const Nav = () => {
@@ -12,16 +12,19 @@ const Nav = () => {
     <>
       <nav className={styles["page-subject__nav"]}>
         <ul className={styles["page-subject__menu"]}>
-          <Li to="/" text="Sobre" />
-          <Li to="/forma-de-pagamento" text="Forma de Pagamento" />
-          <Li to="/entrega" text="Entrega" />
-          <Li to="/troca-e-devolucao" text="Troca e Devolução" />
-          <Li to="/seguranca-e-privacidade" text="Segurança e Privacidade" />
-          <Li onClick={Sobre} to="/formulario" text="Contato" />
+          <LiForm to="/" text="Sobre" />
+          <LiForm to="/forma-de-pagamento" text="Forma de Pagamento" />
+          <LiForm to="/entrega" text="Entrega" />
+          <LiForm to="/troca-e-devolucao" text="Troca e Devolução" />
+          <LiForm
+            to="/seguranca-e-privacidade"
+            text="Segurança e Privacidade"
+          />
+          <LiForm onClick={Sobre} to="/formulario" text="Contato" />
         </ul>
       </nav>
     </>
   );
 };
 
-export default Nav;
+export { Nav };
diff --git a/src/components/Main/Subject/Segurança-e-privacidade/SegurancaEPrivacidade.tsx b/src/components/Main/Subject/Segurança-e-privacidade/SegurancaEPrivacidade.tsx
index 0dbad5a..e4c2f63 100644
--- a/src/components/Main/Subject/Segurança-e-privacidade/SegurancaEPrivacidade.tsx
+++ b/src/components/Main/Subject/Segurança-e-privacidade/SegurancaEPrivacidade.tsx
@@ -1,8 +1,8 @@
 import React from "react";
-import SubjectText from "../SubjectText";
+import { SubjectText } from "../SubjectText";
 
 const SegurancaEPrivacidade = () => {
   return <SubjectText title="Segurança e Privacidade" />;
 };
 
-export default SegurancaEPrivacidade;
+export { SegurancaEPrivacidade };
diff --git a/src/components/Main/Subject/Sobre/Sobre.tsx b/src/components/Main/Subject/Sobre/Sobre.tsx
index 84221ca..11ae8e2 100644
--- a/src/components/Main/Subject/Sobre/Sobre.tsx
+++ b/src/components/Main/Subject/Sobre/Sobre.tsx
@@ -1,8 +1,8 @@
 import React from "react";
-import SubjectText from "../SubjectText";
+import { SubjectText } from "../SubjectText";
 
 const Sobre = () => {
   return <SubjectText title="Sobre" />;
 };
 
-export default Sobre;
+export { Sobre };
diff --git a/src/components/Main/Subject/SubjectMain.tsx b/src/components/Main/Subject/SubjectMain.tsx
index 3a993e5..8f7f648 100644
--- a/src/components/Main/Subject/SubjectMain.tsx
+++ b/src/components/Main/Subject/SubjectMain.tsx
@@ -1,13 +1,13 @@
 import React from "react";
 import styles from "./subject.module.scss";
-import Nav from "./Nav/Nav";
+import { Nav } from "./Nav/Nav";
 import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
-import Sobre from "./Sobre/Sobre";
-import FormaDePagamento from "./Forma-de-pagamento/FormaDePagamento";
-import Entrega from "./Entrega/Entrega";
-import TrocaEDevolucao from "./Troca-e-devolucao/TrocaEDevolucao";
-import SegurancaEPrivacidade from "./Segurança-e-privacidade/SegurancaEPrivacidade";
-import RegistrationForm from "./Contato/RegistrationForm";
+import { Sobre } from "./Sobre/Sobre";
+import { FormaDePagamento } from "./Forma-de-pagamento/FormaDePagamento";
+import { Entrega } from "./Entrega/Entrega";
+import { TrocaEDevolucao } from "./Troca-e-devolucao/TrocaEDevolucao";
+import { SegurancaEPrivacidade } from "./Segurança-e-privacidade/SegurancaEPrivacidade";
+import { RegistrationForm } from "./Contato/RegistrationForm";
 
 const SubjectMain = () => {
   return (
@@ -30,4 +30,4 @@ const SubjectMain = () => {
   );
 };
 
-export default SubjectMain;
+export { SubjectMain };
diff --git a/src/components/Main/Subject/SubjectText.tsx b/src/components/Main/Subject/SubjectText.tsx
index c545728..cc447b4 100644
--- a/src/components/Main/Subject/SubjectText.tsx
+++ b/src/components/Main/Subject/SubjectText.tsx
@@ -4,9 +4,10 @@ interface SubjectTextProps {
   title: string;
 }
 const SubjectText = (props: SubjectTextProps) => {
+  const { title } = props;
   return (
     <article className={styles["page-subject__container"]}>
-      <h2 className={styles["page-subject__title"]}>{props.title}</h2>
+      <h2 className={styles["page-subject__title"]}>{title}</h2>
       <p className={styles["page-subject__paragraph"]}>
         Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
         tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
@@ -38,4 +39,4 @@ const SubjectText = (props: SubjectTextProps) => {
   );
 };
 
-export default SubjectText;
+export { SubjectText };
diff --git a/src/components/Main/Subject/Troca-e-devolucao/TrocaEDevolucao.tsx b/src/components/Main/Subject/Troca-e-devolucao/TrocaEDevolucao.tsx
index 6411aa5..fcc7d96 100644
--- a/src/components/Main/Subject/Troca-e-devolucao/TrocaEDevolucao.tsx
+++ b/src/components/Main/Subject/Troca-e-devolucao/TrocaEDevolucao.tsx
@@ -1,8 +1,8 @@
 import React from "react";
-import SubjectText from "../SubjectText";
+import { SubjectText } from "../SubjectText";
 
 const TrocaEDevolucao = () => {
   return <SubjectText title="Troca e Devolução" />;
 };
 
-export default TrocaEDevolucao;
+export { TrocaEDevolucao };
diff --git a/src/components/Main/assets/arrow.png b/src/components/Main/assets/arrow.png
deleted file mode 100644
index 489a76deac12cdac5b3394d0becfc8a46c842bec..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 205
zcmeAS@N?(olHy`uVBq!ia0vp^Y(UJx0U~c5>$3n-oCO|{#S9GG!XV7ZFl&wkP>``W
z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eBev+q)V@L&KX<s03g9AsKts8@~gro8dm)RMj
z!V-<_$94<y913{WH~XHN{+|yYnL9hGT<(OHezBM>^Wf;i%HkKsS6Dq1XH<SQY2Dnw
v#rJ`Yp&<39SbK*~npu6=)w9ok+}~{;9BXy*xwuRr&^887S3j3^P6<r_AzDF?

diff --git a/src/components/Main/assets/arrow.svg b/src/components/Main/assets/arrow.svg
new file mode 100644
index 0000000..ba68356
--- /dev/null
+++ b/src/components/Main/assets/arrow.svg
@@ -0,0 +1,10 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3751_560)">
+<path d="M11.9417 7.03685L5.22531 0.320703C4.79807 -0.106746 4.10537 -0.106746 3.67833 0.320703C3.25126 0.747771 3.25126 1.44043 3.67833 1.86747L9.62128 7.81023L3.67851 13.7528C3.25144 14.18 3.25144 14.8726 3.67851 15.2997C4.10558 15.7269 4.79824 15.7269 5.22548 15.2997L11.9418 8.58344C12.1554 8.3698 12.262 8.0901 12.262 7.81026C12.262 7.53029 12.1552 7.25038 11.9417 7.03685Z" fill="#C4C4C4"/>
+</g>
+<defs>
+<clipPath id="clip0_3751_560">
+<rect width="15.62" height="15.62" fill="white" transform="matrix(1 0 0 -1 0 15.6201)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/components/Main/assets/iconHome.png b/src/components/Main/assets/iconHome.png
deleted file mode 100644
index 04fe81b3d9ca331fff98a4615c2c61bd0c3e7e7c..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 350
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`oCO|{#S9GG!XV7ZFl&wkP>``W
z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eB{%21Y$B+ufr9roOn+!y9XY)Pa=y_m2;RM^R
zM!y4E7L0iZI0WP#imP1^{PFy$W+tapl;NBuOPB9_e&_UF)guiy=bbnD7+z74JO0sx
zHE@<iU-9jn1xI49S2h)&OP<SV+SxdLNB83!mu6mwPhy?Rc~{A7=7qIMb2+Cb?>cm#
zIM!TIdcv}oGY!Qa{z$lywWjS4V~Y4k-brCHsVtGxex7bvq_HSbqVKeI%9@<p`!x6p
zo4elE=r)V6Z?Zc2ck7K%=FX_EETUP>5;r^VvVGQHpcxi9ZJNbn+nNvCa`|7_{Cu{#
tQGz?{#&_F^b95}#3~CR~=Z@=q%Nsmv-AbRX*C6jRc)I$ztaD0e0suRXiqHT6

diff --git a/src/components/Main/assets/iconHome.svg b/src/components/Main/assets/iconHome.svg
new file mode 100644
index 0000000..d58e833
--- /dev/null
+++ b/src/components/Main/assets/iconHome.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M30.9231 14.8352L28.692 12.6041L16.4147 0.326808C15.9789 -0.108936 15.2723 -0.108936 14.8365 0.326808L2.55915 12.6041L0.326936 14.8364C-0.101287 15.2798 -0.089058 15.9863 0.354338 16.4146C0.786878 16.8323 1.47257 16.8323 1.90511 16.4146L2.23099 16.0864V30.1339C2.23099 30.7503 2.73069 31.25 3.34713 31.25H27.9018C28.5182 31.25 29.0179 30.7503 29.0179 30.1339V16.0864L29.3449 16.4134C29.7883 16.8417 30.4949 16.8294 30.9231 16.386C31.3408 15.9535 31.3408 15.2677 30.9231 14.8352ZM18.9728 29.0178H12.2761V20.0888H18.9728V29.0178ZM26.7856 29.0178H21.2051V18.9727C21.2051 18.3563 20.7054 17.8566 20.0889 17.8566H11.16C10.5436 17.8566 10.0438 18.3563 10.0438 18.9727V29.0178H4.46327V13.8542L15.6244 2.69296L26.7856 13.8542V29.0178Z" fill="#C4C4C4"/>
+</svg>
diff --git a/src/index.tsx b/src/index.tsx
index 8cdc8b4..bbdff60 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,6 +1,6 @@
 import ReactDOM from "react-dom";
 import "./global.module.scss";
-import Home from "./pages/Home";
+import { Home } from "./pages/Home";
 
 const App = () => {
   return (
diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
index 1cc471a..5d0feba 100644
--- a/src/pages/Home.tsx
+++ b/src/pages/Home.tsx
@@ -1,6 +1,6 @@
 import Footer from "../components/footer/Footer";
 import Header from "../components/Header/Header";
-import Main from "../components/Main/Main";
+import { Main } from "../components/Main/Main";
 
 const Home = () => {
   return (
@@ -12,4 +12,4 @@ const Home = () => {
   );
 };
 
-export default Home;
+export { Home };