src/components/Footer/Footer.tsx

@@ -1,4 +1,4 @@
-import styles from "./Footer.module.scss";
+import styles from "./styles/Footer.module.scss";
 import { FooterBottom } from "./FooterBottom";
 import { FooterTop } from "./FooterTop";
 import { Newsletter } from "./Newsletter";

src/components/Footer/FooterBottom.tsx

@@ -8,7 +8,7 @@ import Boleto from "../../components/Footer/assets/icons/Boleto.svg";
 import VtexPci from "../../components/Footer/assets/icons/vtex-pci-200.svg";
 import M3 from "../../components/Footer/assets/icons/m3.svg";
 import Vtex from "../../components/Footer/assets/icons/vtex.svg";
-import styles from "./Footer.module.scss";
+import styles from "./styles/Footer.module.scss";
 import { Icon } from "./ImageList/ImageList";
 
 const FooterBottom = () => {

src/components/Footer/FooterTop.tsx

@@ -1,4 +1,4 @@
-import styles from "./Footer.module.scss";
+import styles from "./styles/Footer.module.scss";
 import FacebookIcon from "./assets/icons/FacebookIcon.svg";
 import InstagramIcon from "./assets/icons/InstagramIcon.svg";
 import TwitterIcon from "./assets/icons/TwitterIcon.svg";

src/components/Footer/Newsletter.tsx

@@ -1,4 +1,4 @@
-import styles from "./Footer.module.scss";
+import styles from "./styles/Footer.module.scss";
 import React from "react";
 
 const Newsletter = () => {

src/components/Footer/styles/Footer.module.scss

@@ -1,4 +1,4 @@
-@import "../../variaveis.scss";
+@import "../../../styles/variaveis.scss";
 
 footer {
     bottom: 0;

src/components/Header/Header.tsx

@@ -1,5 +1,5 @@
 import { HeaderContentTop } from "./HeaderContentTop";
-import styles from "./Header.module.scss";
+import styles from "./styles/Header.module.scss";
 import { HeaderContentBottom } from "./HeaderContentBottom";
 import { useState, useEffect } from "react";
 import Icon__Menu from "./assets/icons/IconMenu.svg";

src/components/Header/HeaderContentBottom.tsx

@@ -1,4 +1,4 @@
-import styles  from "./Header.module.scss"
+import styles from "./styles/Header.module.scss"
 import React, { useEffect } from "react";
 
 interface HeaderContentProps {

src/components/Header/HeaderContentTop.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import styles  from "./Header.module.scss"
+import styles from "./styles/Header.module.scss"
 import Logo from "./assets/icons/logom3.svg";
 import Cart from "./assets/icons/cart.svg";
 import Icon__Menu__Closed from "./assets/icons/IconMenuClosed.svg";

src/components/Header/styles/Header.module.scss

@@ -1,4 +1,4 @@
-@import "../../variaveis.scss";
+@import "../../../styles/variaveis.scss";
 
 header {
     display: flex;
@@ -124,7 +124,7 @@ header {
         border: 2px solid $primary-700;
         border-radius: 5px;
         padding: 8px 44px 8px 16px;
-        background-image: url("./assets/icons/magnifying-glass.svg");
+        background-image: url("../assets/icons/magnifying-glass.svg");
         background-repeat: no-repeat;
         background-position: bottom 50% right 16px;
         background-size: 18px;

src/components/Main/Contato/Contato.tsx

@@ -1,6 +1,6 @@
 import { Formik, Field, Form } from "formik";
 import schema from "../schema";
-import styles from "../Main.module.scss";
+import styles from "../styles/Main.module.scss";
 import { FormField } from "../Contato/FormContentField/FormContentField";
 import { useState } from "react";
 

src/components/Main/Contato/FormContentField/FormContentField.tsx

@@ -1,4 +1,4 @@
-import styles from "../../Main.module.scss";
+import styles from "../../styles/Main.module.scss";
 import { Field, ErrorMessage } from "formik";
 
 interface FormContentFieldProps {

src/components/Main/Main.tsx

@@ -3,7 +3,7 @@ import Rotas from "../../config/routes";
 import HomeIcon from "./assets/icons/HomeIcon.svg";
 import ArrowPointToRight from "./assets/icons/ArrowPointToRight.svg";
 import {NavLinkContent} from "./NavLink/NavLink";
-import styles from "./Main.module.scss";
+import styles from "./styles/Main.module.scss";
 
 const Main = () => {
   return (

src/components/Main/styles/Main.module.scss

@@ -1,4 +1,4 @@
-@import "../../variaveis.scss";
+@import "../../../styles/variaveis.scss";
 
 //Main
 main {

src/index.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import ReactDOM from "react-dom";
-import "./global.scss";
+import "./styles/global.scss";
 import { Institucional } from "./pages/Institucional";
 
 ReactDOM.render(