diff --git a/src/assets/img/cart-icon.png b/src/assets/img/cart-icon.png deleted file mode 100644 index 22b2a64..0000000 Binary files a/src/assets/img/cart-icon.png and /dev/null differ 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