From 860138657d1697f14b7f5109303d2a05995f4385 Mon Sep 17 00:00:00 2001 From: Gabriel Ferraz Date: Sat, 7 Jan 2023 17:48:31 -0300 Subject: [PATCH] =?UTF-8?q?feat:=20cria=C3=A7=C3=A3o=20do=20header=20top?= =?UTF-8?q?=20nas=20vers=C3=B5es=20mobiles?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- desafio-react-e-typescript/public/index.html | 15 +++---- desafio-react-e-typescript/src/App.tsx | 7 ++-- .../src/assets/imgs/pngs/Logo-M3Academy.png | Bin 6330 -> 0 bytes .../src/assets/imgs/pngs/cart.png | Bin 722 -> 0 bytes .../src/assets/imgs/pngs/search 2.png | Bin 949 -> 0 bytes .../Header/HeaderDesktop.modules.scss | 38 ++++++++++++++++++ .../components/{ => Header}/HeaderDesktop.tsx | 12 +++--- .../Header/HeaderMobile.modules.scss | 23 +++++++++++ .../src/components/Header/HeaderMobile.tsx | 32 +++++++++++++++ .../src/components/HeaderDesktop.modules.scss | 24 ----------- .../imgs/SVGs/Logo-M3Academy_desktop.svg | 9 +++++ .../imgs/SVGs/Logo-M3Academy_mobile.svg | 9 +++++ .../assets/imgs/SVGs/MenuHamburguer.svg | 5 +++ .../assets/imgs/SVGs/minicart_desktop.svg | 12 ++++++ .../assets/imgs/SVGs/minicart_mobile.svg | 5 +++ .../components/assets/imgs/SVGs/search 2.svg | 10 +++++ 16 files changed, 161 insertions(+), 40 deletions(-) delete mode 100644 desafio-react-e-typescript/src/assets/imgs/pngs/Logo-M3Academy.png delete mode 100644 desafio-react-e-typescript/src/assets/imgs/pngs/cart.png delete mode 100644 desafio-react-e-typescript/src/assets/imgs/pngs/search 2.png create mode 100644 desafio-react-e-typescript/src/components/Header/HeaderDesktop.modules.scss rename desafio-react-e-typescript/src/components/{ => Header}/HeaderDesktop.tsx (64%) create mode 100644 desafio-react-e-typescript/src/components/Header/HeaderMobile.modules.scss create mode 100644 desafio-react-e-typescript/src/components/Header/HeaderMobile.tsx delete mode 100644 desafio-react-e-typescript/src/components/HeaderDesktop.modules.scss create mode 100644 desafio-react-e-typescript/src/components/assets/imgs/SVGs/Logo-M3Academy_desktop.svg create mode 100644 desafio-react-e-typescript/src/components/assets/imgs/SVGs/Logo-M3Academy_mobile.svg create mode 100644 desafio-react-e-typescript/src/components/assets/imgs/SVGs/MenuHamburguer.svg create mode 100644 desafio-react-e-typescript/src/components/assets/imgs/SVGs/minicart_desktop.svg create mode 100644 desafio-react-e-typescript/src/components/assets/imgs/SVGs/minicart_mobile.svg create mode 100644 desafio-react-e-typescript/src/components/assets/imgs/SVGs/search 2.svg diff --git a/desafio-react-e-typescript/public/index.html b/desafio-react-e-typescript/public/index.html index 9c8ce9c..b50373f 100644 --- a/desafio-react-e-typescript/public/index.html +++ b/desafio-react-e-typescript/public/index.html @@ -2,22 +2,23 @@ + + + + - - - - - React App + Desafio React - -
diff --git a/desafio-react-e-typescript/src/App.tsx b/desafio-react-e-typescript/src/App.tsx index bb6917f..4ccd2c9 100644 --- a/desafio-react-e-typescript/src/App.tsx +++ b/desafio-react-e-typescript/src/App.tsx @@ -3,7 +3,8 @@ import React, { useState, useEffect } from "react"; import { Router } from "./router"; import "./App.scss"; -import { HeaderDesktop } from "./components/HeaderDesktop"; +import { HeaderDesktop } from "./components/Header/HeaderDesktop"; +import { HeaderMobile } from "./components/Header/HeaderMobile"; export function ScreenSize() { const [windowDimenion, detectHW] = useState({ @@ -24,7 +25,7 @@ export function ScreenSize() { }; }, [windowDimenion]); - return window.innerWidth > 1024 ? :

Hello World !

; + return window.innerWidth > 1024 ? : ; } export const App = () => { @@ -32,7 +33,7 @@ export const App = () => { ScreenSize(), ( <> - {window.innerWidth > 1024 ? :

Hello World !

} + {window.innerWidth > 1024 ? : }
diff --git a/desafio-react-e-typescript/src/assets/imgs/pngs/Logo-M3Academy.png b/desafio-react-e-typescript/src/assets/imgs/pngs/Logo-M3Academy.png deleted file mode 100644 index 779015ff89aa40faf9ea29afcf0d3c6b28ee3436..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 6330 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 diff --git a/desafio-react-e-typescript/src/assets/imgs/pngs/cart.png b/desafio-react-e-typescript/src/assets/imgs/pngs/cart.png deleted file mode 100644 index a84a5dad50b67f41dbf96312b1a8bcafe8065859..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 722 zcmV;@0xkWCP)$`K$ z#6HD8iex1O=rdJSjj1iFc6e-z1j%^yf_Y177g?4qkq{@;lwjT|wJRjXfV^=_&bw(D zA5$xI{}Qqbkp?9Cr51ai=o2L9zMfc+7@2L51aYj@MSWqFTw;gU_%^W3;Os~O=hV&h zp?f66iC~UGqDaL3AWh0Xdv2OZX6a0MigZ{~zBrS3j!{Sp#Xm=J#1v^!@{cs;INoMR zB21lRBJO{kF5*(z%$4bgVvgBTM8^uhF_?2l>^U8GbHvTu z2xDAsOGY7X*7Aa@xY*-P)&JQ16JIb)xo5bW*JdC!j(YbJL2#lqOF3Ee>&4XQH zj(Nu6s}(-~D~=p#hvJYk=Qp*PZrp!>2O({BhEDu$$!NT|Txf?YpihgfiPTmQ=wz?e zZYBY3ePbU~ZhPM24qJtTtvj2ou3Le@B@T9d5pf4OL)%~|ae2VGF5j40=Y|p&5|^UD zIyaO!m%_E|IPN>wk7|{=7s4cP6VO(UeLyD~3KsJsv^5ggdcr=@0%u)>)ohJgY_V4# zB{n)e^0X`}$Lh(PKR)HhA&!d=pHGNuw#=>UZL4?u0w5=C&>r?*y8r+H07*qoM6N<$ Ef?Ov&TL1t6 diff --git a/desafio-react-e-typescript/src/assets/imgs/pngs/search 2.png b/desafio-react-e-typescript/src/assets/imgs/pngs/search 2.png deleted file mode 100644 index 7b8f94819aa05e6737b85665c9ee1a343bf412a2..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 949 zcmV;m14{gfP)CmK~#7F%~(BC z+dvRqNx%r2XoimoohruA;B@JtbScd*0IEzn(xt<6biglwl&Jz$CRIe0q=N<+XpYV^ zcHvYuqgyfcO8#KTp`OH$Eic6 zaKGquI&rhvJX1>5X#_ZwK?EP$MKdBBV<3pzDah^J+}tP{0!Bh%7zVSmv!88=7@**} zGDv--obaRoUJ0kCr@zymsTmdlyj5CUTnuWp+SfdajwAy^-zbR@35+_%b%A(d5AgKx z`%JtzNC*8VS65ftl$TH%8GQT%adCKidwV&^5cIc_cr)p9OqD4Qp|!QOV<>L*bRtMW zqy%Hu(A}57fOG?fYYZ; z3JifbQMi%-<~^V>BFiIvgp!=38yF?2_JFq(IY8vWi!4Gh^%5%4_z+1!tJS(sQ{Whq z8(?6wquRib0o2{yUAl*S-#?Xcgy-X|4J-?sAE`eB#94Y?rBZ34kn)9cfFjM$TU=>m zxRg0&JECg?Hd9ye#3Y-ed{DV(35|AqII z-pR4HyuADty8BqtA0YA#-|?rWrXHXhQwI7@9jN$D$Xo&FP&y~FgiR^icj~|>PT>u1 zMk#uMb{Ubxq%ULnV+Gd{l<$*# z6jBP3WA#3o+nAP59KbveqaPVRiUFTdU@{>X^U!sm4xC7%vv&$!0DL2KG zHK9>qOUk1O!FKv4M#z?wOA`j4*#;aWpYeU79{LOEDgHwOC*F7ejgU@?OA { return ( <> -
-
+
+
LogoM3 @@ -16,8 +16,8 @@ export const HeaderDesktop = () => {
-
- ENTRAR +
+ ENTRAR CartIcon diff --git a/desafio-react-e-typescript/src/components/Header/HeaderMobile.modules.scss b/desafio-react-e-typescript/src/components/Header/HeaderMobile.modules.scss new file mode 100644 index 0000000..0097f10 --- /dev/null +++ b/desafio-react-e-typescript/src/components/Header/HeaderMobile.modules.scss @@ -0,0 +1,23 @@ +.HeaderMobile { + display: flex; + flex-direction: column; + padding: 25px 16px; + background: #000000; + + .topHeaderMobile { + display: flex; + justify-content: space-between; + padding-bottom: 25px; + } + + .Search_Header_wrapper { + width: 100%; + .Search_Header { + width: 100%; + height: 36px; + background: #ffffff; + border: 2px solid #f0f0f0; + border-radius: 5px; + } + } +} diff --git a/desafio-react-e-typescript/src/components/Header/HeaderMobile.tsx b/desafio-react-e-typescript/src/components/Header/HeaderMobile.tsx new file mode 100644 index 0000000..56592a1 --- /dev/null +++ b/desafio-react-e-typescript/src/components/Header/HeaderMobile.tsx @@ -0,0 +1,32 @@ +import { NavLink } from "react-router-dom"; +import LogoM3 from "../assets/imgs/SVGs/Logo-M3Academy_mobile.svg"; +import CartIcon from "../assets/imgs/SVGs/minicart_mobile.svg"; +import MenuHamburguer from "../assets/imgs/SVGs/MenuHamburguer.svg"; + +import "./HeaderMobile.modules.scss"; + +export const HeaderMobile = () => { + return ( + <> +
+
+ {/* ENTRAR */} + +
+ + LogoM3 + +
+
+ + CartIcon + +
+
+
+ +
+
+ + ); +}; diff --git a/desafio-react-e-typescript/src/components/HeaderDesktop.modules.scss b/desafio-react-e-typescript/src/components/HeaderDesktop.modules.scss deleted file mode 100644 index 270c24d..0000000 --- a/desafio-react-e-typescript/src/components/HeaderDesktop.modules.scss +++ /dev/null @@ -1,24 +0,0 @@ -.Header { - display: flex; - justify-content: space-between; - padding: 0 100px; - background: #000000; - - .Search_Header_wrapper { - width: 100%; - .Search_Header { - width: 100%; - } - } - - @media (min-width: 1025px) { - padding: 22px 100px; - - .Search_Header_wrapper { - width: 100%; - .Search_Header { - width: 100%; - } - } - } -} diff --git a/desafio-react-e-typescript/src/components/assets/imgs/SVGs/Logo-M3Academy_desktop.svg b/desafio-react-e-typescript/src/components/assets/imgs/SVGs/Logo-M3Academy_desktop.svg new file mode 100644 index 0000000..f57d95b --- /dev/null +++ b/desafio-react-e-typescript/src/components/assets/imgs/SVGs/Logo-M3Academy_desktop.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/desafio-react-e-typescript/src/components/assets/imgs/SVGs/Logo-M3Academy_mobile.svg b/desafio-react-e-typescript/src/components/assets/imgs/SVGs/Logo-M3Academy_mobile.svg new file mode 100644 index 0000000..f83fef1 --- /dev/null +++ b/desafio-react-e-typescript/src/components/assets/imgs/SVGs/Logo-M3Academy_mobile.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/desafio-react-e-typescript/src/components/assets/imgs/SVGs/MenuHamburguer.svg b/desafio-react-e-typescript/src/components/assets/imgs/SVGs/MenuHamburguer.svg new file mode 100644 index 0000000..6cadeb3 --- /dev/null +++ b/desafio-react-e-typescript/src/components/assets/imgs/SVGs/MenuHamburguer.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/desafio-react-e-typescript/src/components/assets/imgs/SVGs/minicart_desktop.svg b/desafio-react-e-typescript/src/components/assets/imgs/SVGs/minicart_desktop.svg new file mode 100644 index 0000000..19dd15b --- /dev/null +++ b/desafio-react-e-typescript/src/components/assets/imgs/SVGs/minicart_desktop.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/desafio-react-e-typescript/src/components/assets/imgs/SVGs/minicart_mobile.svg b/desafio-react-e-typescript/src/components/assets/imgs/SVGs/minicart_mobile.svg new file mode 100644 index 0000000..165d30e --- /dev/null +++ b/desafio-react-e-typescript/src/components/assets/imgs/SVGs/minicart_mobile.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/desafio-react-e-typescript/src/components/assets/imgs/SVGs/search 2.svg b/desafio-react-e-typescript/src/components/assets/imgs/SVGs/search 2.svg new file mode 100644 index 0000000..9455c4d --- /dev/null +++ b/desafio-react-e-typescript/src/components/assets/imgs/SVGs/search 2.svg @@ -0,0 +1,10 @@ + + + + + + + + + +