diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx index 1114eff..5824428 100644 --- a/src/components/Header/Header.tsx +++ b/src/components/Header/Header.tsx @@ -1,11 +1,11 @@ import { useState } from "react"; -import SearchBar from "./SearchBar"; +import { SearchBar } from "./SearchBar"; import Logo from "./assets/img/logoM3.png"; -import Cart from "./assets/img/Cart.png"; -import iconMenu from "./assets/img/iconMenu.png"; -import Link from "../link/Link"; -import HeaderLinks from "./HeaderLinks"; -import MenuMobile from "./Menu-Mobile/MenuMobile"; +import Cart from "./assets/svg/Cart.svg"; +import iconMenu from "./assets/svg/iconMenu.svg"; +import { Link } from "../link/Link"; +import { HeaderLinks } from "./HeaderLinks"; +import { MenuMobile } from "./Menu-Mobile/MenuMobile"; import styles from "./header.module.scss"; diff --git a/src/components/Header/HeaderLinks.tsx b/src/components/Header/HeaderLinks.tsx index 95a9bf7..bfe2059 100644 --- a/src/components/Header/HeaderLinks.tsx +++ b/src/components/Header/HeaderLinks.tsx @@ -1,4 +1,4 @@ -import Link from "../link/Link"; +import { Link } from "../link/Link"; import styles from "./header.module.scss"; const HeaderLinks = () => { @@ -11,4 +11,4 @@ const HeaderLinks = () => { ); }; -export default HeaderLinks; +export { HeaderLinks }; diff --git a/src/components/Header/Menu-Mobile/MenuMobile.tsx b/src/components/Header/Menu-Mobile/MenuMobile.tsx index 1d664e0..d274265 100644 --- a/src/components/Header/Menu-Mobile/MenuMobile.tsx +++ b/src/components/Header/Menu-Mobile/MenuMobile.tsx @@ -1,6 +1,6 @@ -import iconExit from "../assets/img/iconExit.png"; -import Link from "../../link/Link"; -import HeaderLinks from "../HeaderLinks"; +import iconExit from "../assets/svg/iconExit.svg"; +import { Link } from "../../link/Link"; +import { HeaderLinks } from "../HeaderLinks"; import styles from "../header.module.scss"; @@ -11,13 +11,15 @@ interface MenuMobileProps { } const MenuMobile = (props: MenuMobileProps) => { + const { onClick, active, className } = props; + return ( <>
-
+
@@ -25,7 +27,7 @@ const MenuMobile = (props: MenuMobileProps) => { className={styles["page-header__menu-mobile--button-exit"]} aria-label="exit" type="submit" - onClick={props.onClick} + onClick={onClick} > @@ -39,4 +41,4 @@ const MenuMobile = (props: MenuMobileProps) => { ); }; -export default MenuMobile; +export { MenuMobile }; diff --git a/src/components/Header/SearchBar.tsx b/src/components/Header/SearchBar.tsx index 05e4461..e39d8c1 100644 --- a/src/components/Header/SearchBar.tsx +++ b/src/components/Header/SearchBar.tsx @@ -1,4 +1,4 @@ -import iconBusca from "./assets/img/IconBusca.png"; +import iconBusca from "./assets/svg/IconBusca.svg"; import styles from "./header.module.scss"; @@ -19,4 +19,4 @@ const SearchBar = () => { ); }; -export default SearchBar; +export { SearchBar }; diff --git a/src/components/Header/assets/img/Cart.png b/src/components/Header/assets/img/Cart.png deleted file mode 100644 index 7f1b18c..0000000 Binary files a/src/components/Header/assets/img/Cart.png and /dev/null differ diff --git a/src/components/Header/assets/img/IconBusca.png b/src/components/Header/assets/img/IconBusca.png deleted file mode 100644 index 70d1bf6..0000000 Binary files a/src/components/Header/assets/img/IconBusca.png and /dev/null differ diff --git a/src/components/Header/assets/img/iconExit.png b/src/components/Header/assets/img/iconExit.png deleted file mode 100644 index 2dd6845..0000000 Binary files a/src/components/Header/assets/img/iconExit.png and /dev/null differ diff --git a/src/components/Header/assets/img/iconMenu.png b/src/components/Header/assets/img/iconMenu.png deleted file mode 100644 index 2b91465..0000000 Binary files a/src/components/Header/assets/img/iconMenu.png and /dev/null differ diff --git a/src/components/Header/assets/img/logoM3.png b/src/components/Header/assets/img/logoM3.png index b205989..a634ef8 100644 Binary files a/src/components/Header/assets/img/logoM3.png and b/src/components/Header/assets/img/logoM3.png differ diff --git a/src/components/Header/assets/svg/Cart.svg b/src/components/Header/assets/svg/Cart.svg new file mode 100644 index 0000000..165d30e --- /dev/null +++ b/src/components/Header/assets/svg/Cart.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/components/Header/assets/svg/IconBusca.svg b/src/components/Header/assets/svg/IconBusca.svg new file mode 100644 index 0000000..51dbce3 --- /dev/null +++ b/src/components/Header/assets/svg/IconBusca.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/src/components/Header/assets/svg/iconExit.svg b/src/components/Header/assets/svg/iconExit.svg new file mode 100644 index 0000000..e0e6d36 --- /dev/null +++ b/src/components/Header/assets/svg/iconExit.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/components/Header/assets/svg/iconMenu.svg b/src/components/Header/assets/svg/iconMenu.svg new file mode 100644 index 0000000..6cadeb3 --- /dev/null +++ b/src/components/Header/assets/svg/iconMenu.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/components/link/Link.tsx b/src/components/link/Link.tsx index 4d2e2f5..7043770 100644 --- a/src/components/link/Link.tsx +++ b/src/components/link/Link.tsx @@ -5,11 +5,12 @@ export interface LinkProps { } const Link = (props: LinkProps) => { + const { link, text, className } = props; return ( - - {props.text} + + {text} ); }; -export default Link; +export { Link };