From abc784aeb48611cfae08fec225d43e41312c7333 Mon Sep 17 00:00:00 2001 From: guiprj Date: Sun, 15 Jan 2023 20:03:23 -0300 Subject: [PATCH] feat: criacao do formulario, validacoes --- package-lock.json | 61 + package.json | 5 +- src/App.tsx | 9 +- .../Footer/ContainerFooter/index.tsx | 92 + .../Footer/ContainerFooter/style.module.css | 89 + .../Footer/ContainerFooterInfo/index.tsx | 39 + .../ContainerFooterInfo/style.module.css | 77 + .../Footer/ContainerNewsLetter/index.tsx | 15 + .../ContainerNewsLetter/style.module.css | 45 + src/components/Footer/index.tsx | 130 +- src/components/Footer/style.module.css | 238 -- .../Header/ContainerBreadCrumbs/index.tsx | 37 + .../ContainerBreadCrumbs/style.module.css | 46 + src/components/Header/ContainerList/index.tsx | 30 + .../Header/ContainerList/style.module.css | 38 + .../Header/ContainerPrincipal/index.tsx | 32 + .../{ => ContainerPrincipal}/style.module.css | 33 +- src/components/Header/index.tsx | 59 +- src/components/Icon/index.tsx | 390 +++ src/components/LogoM3Academy/index.tsx | 16 + src/components/Main/index.tsx | 84 +- src/components/Main/style.module.css | 43 - .../NavigationLinks/LinkPath/index.tsx | 21 + src/components/NavigationLinks/index.tsx | 34 + src/components/SideBar/index.tsx | 71 + src/components/SideBar/style.module.css | 5 + src/components/TopButton/index.tsx | 13 + src/components/TopButton/style.module.css | 12 + src/components/WhatsappButton/index.tsx | 13 + .../WhatsappButton/style.module.css | 7 + src/components/button/index.tsx | 40 + src/global.css | 3 +- src/pages/Contato/index.tsx | 136 + src/pages/Contato/style.module.css | 125 + src/pages/Entrega/index.tsx | 33 + src/pages/Entrega/style.module.css | 18 + src/pages/FormaPagamento/index.tsx | 33 + src/pages/FormaPagamento/style.module.css | 18 + src/pages/SegurancaPrivacidade/index.tsx | 33 + .../SegurancaPrivacidade/style.module.css | 18 + src/pages/Sobre/index.tsx | 38 + src/pages/Sobre/style.module.css | 19 + src/pages/TrocaDevolucao/index.tsx | 33 + src/pages/TrocaDevolucao/style.module.css | 18 + yarn.lock | 2585 ++++++++--------- 45 files changed, 3082 insertions(+), 1852 deletions(-) create mode 100644 src/components/Footer/ContainerFooter/index.tsx create mode 100644 src/components/Footer/ContainerFooter/style.module.css create mode 100644 src/components/Footer/ContainerFooterInfo/index.tsx create mode 100644 src/components/Footer/ContainerFooterInfo/style.module.css create mode 100644 src/components/Footer/ContainerNewsLetter/index.tsx create mode 100644 src/components/Footer/ContainerNewsLetter/style.module.css delete mode 100644 src/components/Footer/style.module.css create mode 100644 src/components/Header/ContainerBreadCrumbs/index.tsx create mode 100644 src/components/Header/ContainerBreadCrumbs/style.module.css create mode 100644 src/components/Header/ContainerList/index.tsx create mode 100644 src/components/Header/ContainerList/style.module.css create mode 100644 src/components/Header/ContainerPrincipal/index.tsx rename src/components/Header/{ => ContainerPrincipal}/style.module.css (79%) create mode 100644 src/components/Icon/index.tsx create mode 100644 src/components/LogoM3Academy/index.tsx create mode 100644 src/components/NavigationLinks/LinkPath/index.tsx create mode 100644 src/components/NavigationLinks/index.tsx create mode 100644 src/components/SideBar/index.tsx create mode 100644 src/components/SideBar/style.module.css create mode 100644 src/components/TopButton/index.tsx create mode 100644 src/components/TopButton/style.module.css create mode 100644 src/components/WhatsappButton/index.tsx create mode 100644 src/components/WhatsappButton/style.module.css create mode 100644 src/components/button/index.tsx create mode 100644 src/pages/Contato/index.tsx create mode 100644 src/pages/Contato/style.module.css create mode 100644 src/pages/Entrega/index.tsx create mode 100644 src/pages/Entrega/style.module.css create mode 100644 src/pages/FormaPagamento/index.tsx create mode 100644 src/pages/FormaPagamento/style.module.css create mode 100644 src/pages/SegurancaPrivacidade/index.tsx create mode 100644 src/pages/SegurancaPrivacidade/style.module.css create mode 100644 src/pages/Sobre/index.tsx create mode 100644 src/pages/Sobre/style.module.css create mode 100644 src/pages/TrocaDevolucao/index.tsx create mode 100644 src/pages/TrocaDevolucao/style.module.css diff --git a/package-lock.json b/package-lock.json index a5e14fa..490293a 100644 --- a/package-lock.json +++ b/package-lock.json @@ -17,6 +17,7 @@ "@types/react-dom": "^18.0.10", "react": "^18.2.0", "react-dom": "^18.2.0", + "react-router-dom": "^6.6.1", "react-scripts": "5.0.1", "typescript": "^4.9.4", "web-vitals": "^2.1.4" @@ -3074,6 +3075,14 @@ } } }, + "node_modules/@remix-run/router": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.2.1.tgz", + "integrity": "sha512-XiY0IsyHR+DXYS5vBxpoBe/8veTeoRpMHP+vDosLZxL5bnpetzI0igkxkLZS235ldLzyfkxF+2divEwWHP3vMQ==", + "engines": { + "node": ">=14" + } + }, "node_modules/@rollup/plugin-babel": { "version": "5.3.1", "resolved": "https://registry.npmjs.org/@rollup/plugin-babel/-/plugin-babel-5.3.1.tgz", @@ -13941,6 +13950,36 @@ "node": ">=0.10.0" } }, + "node_modules/react-router": { + "version": "6.6.1", + "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.6.1.tgz", + "integrity": "sha512-YkvlYRusnI/IN0kDtosUCgxqHeulN5je+ew8W+iA1VvFhf86kA+JEI/X/8NqYcr11hCDDp906S+SGMpBheNeYQ==", + "dependencies": { + "@remix-run/router": "1.2.1" + }, + "engines": { + "node": ">=14" + }, + "peerDependencies": { + "react": ">=16.8" + } + }, + "node_modules/react-router-dom": { + "version": "6.6.1", + "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.6.1.tgz", + "integrity": "sha512-u+8BKUtelStKbZD5UcY0NY90WOzktrkJJhyhNg7L0APn9t1qJNLowzrM9CHdpB6+rcPt6qQrlkIXsTvhuXP68g==", + "dependencies": { + "@remix-run/router": "1.2.1", + "react-router": "6.6.1" + }, + "engines": { + "node": ">=14" + }, + "peerDependencies": { + "react": ">=16.8", + "react-dom": ">=16.8" + } + }, "node_modules/react-scripts": { "version": "5.0.1", "resolved": "https://registry.npmjs.org/react-scripts/-/react-scripts-5.0.1.tgz", @@ -18833,6 +18872,11 @@ "source-map": "^0.7.3" } }, + "@remix-run/router": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.2.1.tgz", + "integrity": "sha512-XiY0IsyHR+DXYS5vBxpoBe/8veTeoRpMHP+vDosLZxL5bnpetzI0igkxkLZS235ldLzyfkxF+2divEwWHP3vMQ==" + }, "@rollup/plugin-babel": { "version": "5.3.1", "resolved": "https://registry.npmjs.org/@rollup/plugin-babel/-/plugin-babel-5.3.1.tgz", @@ -26573,6 +26617,23 @@ "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.11.0.tgz", "integrity": "sha512-F27qZr8uUqwhWZboondsPx8tnC3Ct3SxZA3V5WyEvujRyyNv0VYPhoBg1gZ8/MV5tubQp76Trw8lTv9hzRBa+A==" }, + "react-router": { + "version": "6.6.1", + "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.6.1.tgz", + "integrity": "sha512-YkvlYRusnI/IN0kDtosUCgxqHeulN5je+ew8W+iA1VvFhf86kA+JEI/X/8NqYcr11hCDDp906S+SGMpBheNeYQ==", + "requires": { + "@remix-run/router": "1.2.1" + } + }, + "react-router-dom": { + "version": "6.6.1", + "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.6.1.tgz", + "integrity": "sha512-u+8BKUtelStKbZD5UcY0NY90WOzktrkJJhyhNg7L0APn9t1qJNLowzrM9CHdpB6+rcPt6qQrlkIXsTvhuXP68g==", + "requires": { + "@remix-run/router": "1.2.1", + "react-router": "6.6.1" + } + }, "react-scripts": { "version": "5.0.1", "resolved": "https://registry.npmjs.org/react-scripts/-/react-scripts-5.0.1.tgz", diff --git a/package.json b/package.json index eb9295d..02fcfdc 100644 --- a/package.json +++ b/package.json @@ -10,11 +10,14 @@ "@types/node": "^16.18.11", "@types/react": "^18.0.26", "@types/react-dom": "^18.0.10", + "formik": "^2.2.9", "react": "^18.2.0", "react-dom": "^18.2.0", + "react-router-dom": "^6.6.1", "react-scripts": "5.0.1", "typescript": "^4.9.4", - "web-vitals": "^2.1.4" + "web-vitals": "^2.1.4", + "yup": "^0.32.11" }, "scripts": { "start": "react-scripts start", diff --git a/src/App.tsx b/src/App.tsx index b20e7c0..8f12451 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,13 +1,18 @@ +import { BrowserRouter } from "react-router-dom" import { Footer } from "./components/Footer"; import { Header } from "./components/Header"; import { Main } from "./components/Main"; +import { TopButton } from "./components/TopButton"; +import { WhatsappButton } from "./components/WhatsappButton"; export function App() { return ( - <> +