From 30aed1c5909d0bbdfa187258a61463559487d802 Mon Sep 17 00:00:00 2001 From: Andrea Matsunaga Date: Mon, 16 Jan 2023 16:10:20 -0300 Subject: [PATCH] refactor(footer): move imagens de social media para SocialMedia/assets --- src/assets/img/cart-icon.png | Bin 451 -> 0 bytes .../SocialMedia/SocialMedia.module.scss | 25 ++++++----------- .../Footer/SocialMedia/SocialMedia.tsx | 26 +++++++++--------- .../SocialMedia/assets}/facebook-icon.svg | 0 .../SocialMedia/assets}/instagram-icon.svg | 0 .../SocialMedia/assets}/linkedin-icon.svg | 0 .../SocialMedia/assets}/twitter-icon.svg | 0 .../SocialMedia/assets}/youtube-icon.svg | 0 8 files changed, 22 insertions(+), 29 deletions(-) delete mode 100644 src/assets/img/cart-icon.png rename src/{assets/svg => components/Footer/SocialMedia/assets}/facebook-icon.svg (100%) rename src/{assets/svg => components/Footer/SocialMedia/assets}/instagram-icon.svg (100%) rename src/{assets/svg => components/Footer/SocialMedia/assets}/linkedin-icon.svg (100%) rename src/{assets/svg => components/Footer/SocialMedia/assets}/twitter-icon.svg (100%) rename src/{assets/svg => components/Footer/SocialMedia/assets}/youtube-icon.svg (100%) diff --git a/src/assets/img/cart-icon.png b/src/assets/img/cart-icon.png deleted file mode 100644 index 22b2a64a58b5d9a61a5277360d0a38d471b77486..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 451 zcmV;!0X+VRP)FNzuwju^r3oac+=g`4;I z2|{Z<1yJIQ5<>hU7Zlv+YhICwf;R41W7`{KV#M-w^u|oKoo%mq-6B0oxGfa=r+Y^p zy28^akq_k)Tp}ORSJD@{4f4=jWoRdnLLSyd;D$tcIwsSG1amA2X?{Y23p`WMqz=0o zBxD&Bv?MJnlaRLr=SYVwM_j%!4!QsU002ovPDHLkV1mSlv1b4P diff --git a/src/components/Footer/SocialMedia/SocialMedia.module.scss b/src/components/Footer/SocialMedia/SocialMedia.module.scss index ae9420b..2e3fd4b 100644 --- a/src/components/Footer/SocialMedia/SocialMedia.module.scss +++ b/src/components/Footer/SocialMedia/SocialMedia.module.scss @@ -1,38 +1,31 @@ .container { - // background-color: blue; - .menu-list { - // background-color: blue; - margin: 0; padding: 0; list-style: none; text-decoration: none; display: flex; gap: 10px; - + li { - // transition: all 0.2s ease-in-out; - + transition: all 0.2s ease-in-out; + a { svg { width: 35px; height: 35px; - + @media screen and (width >= 2500px) { width: 70px; height: 70px; } - - // &:hover { - // border-radius: 50%; - // background: #292929; - // color: white; - // } + + &:hover { + filter: brightness(1.5); + border-radius: 50%; + } } } } } } - - diff --git a/src/components/Footer/SocialMedia/SocialMedia.tsx b/src/components/Footer/SocialMedia/SocialMedia.tsx index 4c42376..4c969fa 100644 --- a/src/components/Footer/SocialMedia/SocialMedia.tsx +++ b/src/components/Footer/SocialMedia/SocialMedia.tsx @@ -1,22 +1,21 @@ import React from "react"; -import { Link } from "react-router-dom"; + +import { ReactComponent as Facebook } from "./assets/facebook-icon.svg"; +import { ReactComponent as Instagram } from "./assets/instagram-icon.svg"; +import { ReactComponent as Twitter } from "./assets/twitter-icon.svg"; +import { ReactComponent as Youtube } from "./assets/youtube-icon.svg"; +import { ReactComponent as Linkedin } from "./assets/linkedin-icon.svg"; import styles from "./SocialMedia.module.scss"; -import { ReactComponent as Facebook } from "../../../assets/svg/facebook-icon.svg"; -import { ReactComponent as Instagram } from "../../../assets/svg/instagram-icon.svg"; -import { ReactComponent as Twitter } from "../../../assets/svg/twitter-icon.svg"; -import { ReactComponent as Youtube } from "../../../assets/svg/youtube-icon.svg"; -import { ReactComponent as Linkedin } from "../../../assets/svg/linkedin-icon.svg"; - const socialMediaLinks = [ { icon: , - value: "https://facebook.com", + value: "https://www.facebook.com/digitalm3/", }, { icon: , - value: "https://instagram.com", + value: "https://www.instagram.com/m3.ecommerce/", }, { icon: , @@ -24,11 +23,11 @@ const socialMediaLinks = [ }, { icon: , - value: "https://youtube.com", + value: "https://www.youtube.com/@m3e-commerce796", }, { icon: , - value: "https://linkedin.com", + value: "https://www.linkedin.com/company/m3ecommerce/", }, ]; @@ -39,8 +38,9 @@ const SocialMedia = () => { diff --git a/src/assets/svg/facebook-icon.svg b/src/components/Footer/SocialMedia/assets/facebook-icon.svg similarity index 100% rename from src/assets/svg/facebook-icon.svg rename to src/components/Footer/SocialMedia/assets/facebook-icon.svg diff --git a/src/assets/svg/instagram-icon.svg b/src/components/Footer/SocialMedia/assets/instagram-icon.svg similarity index 100% rename from src/assets/svg/instagram-icon.svg rename to src/components/Footer/SocialMedia/assets/instagram-icon.svg diff --git a/src/assets/svg/linkedin-icon.svg b/src/components/Footer/SocialMedia/assets/linkedin-icon.svg similarity index 100% rename from src/assets/svg/linkedin-icon.svg rename to src/components/Footer/SocialMedia/assets/linkedin-icon.svg diff --git a/src/assets/svg/twitter-icon.svg b/src/components/Footer/SocialMedia/assets/twitter-icon.svg similarity index 100% rename from src/assets/svg/twitter-icon.svg rename to src/components/Footer/SocialMedia/assets/twitter-icon.svg diff --git a/src/assets/svg/youtube-icon.svg b/src/components/Footer/SocialMedia/assets/youtube-icon.svg similarity index 100% rename from src/assets/svg/youtube-icon.svg rename to src/components/Footer/SocialMedia/assets/youtube-icon.svg