My2

package.json

@@ -4,7 +4,7 @@
  "version": "0.1.0",
  "private": true,
  "dependencies": {
- "colorthief": "^2.3.0",
+ "colorthief": "^2.2.0",
  "enzyme": "^3.11.0",
  "enzyme-adapter-react-16": "^1.15.6",
  "gh-pages": "^2.1.1",

src/components/footer/Footer.js

@@ -1,21 +1,21 @@
-import React, {useContext} from "react";
+import React, { useContext } from "react";
 import "./Footer.scss";
-import {Fade} from "react-reveal";
+import { Fade } from "react-reveal";
 import emoji from "react-easy-emoji";
 import StyleContext from "../../contexts/StyleContext";
 
 export default function Footer() {
- const {isDark} = useContext(StyleContext);
+ const { isDark } = useContext(StyleContext);
  return (
  <Fade bottom duration={1000} distance="5px">
  <div className="footer-div">
  <p className={isDark ? "dark-mode footer-text" : "footer-text"}>
- {emoji("Made with ❤️ by DeveloperFolio Team")}
+ {emoji("")}
  </p>
  <p className={isDark ? "dark-mode footer-text" : "footer-text"}>
- Theme by{" "}
+ {/* Theme by{" "} */}
  <a href="https://github.com/saadpasta/developerFolio">
- developerFolio
+ {/* developerFolio */}
  </a>
  </p>
  </div>

src/components/socialMedia/SocialMedia.js

@@ -1,6 +1,6 @@
 import React from "react";
 import "./SocialMedia.scss";
-import {socialMediaLinks} from "../../portfolio";
+import { socialMediaLinks } from "../../portfolio";
 
 export default function socialMedia() {
  if (!socialMediaLinks.display) {
@@ -44,17 +44,6 @@ export default function socialMedia() {
  </a>
  ) : null}
 
- {socialMediaLinks.gitlab ? (
- <a
- href={socialMediaLinks.gitlab}
- className="icon-button gitlab"
- target="_blank"
- rel="noopener noreferrer"
- >
- <i className="fab fa-gitlab"></i>
- <span></span>
- </a>
- ) : null}
 
  {socialMediaLinks.facebook ? (
  <a

src/components/softwareSkills/SoftwareSkill.js

@@ -1,6 +1,6 @@
 import React from "react";
 import "./SoftwareSkill.scss";
-import {skillsSection} from "../../portfolio";
+import { skillsSection } from "../../portfolio";
 
 export default function SoftwareSkill() {
  return (

src/containers/Main.js

@@ -1,4 +1,4 @@
-import React, {useEffect, useState} from "react";
+import React, { useEffect, useState } from "react";
 import Header from "../components/header/Header";
 import Greeting from "./greeting/Greeting";
 import Skills from "./skills/Skills";
@@ -8,18 +8,18 @@ import Projects from "./projects/Projects";
 import StartupProject from "./StartupProjects/StartupProject";
 import Achievement from "./achievement/Achievement";
 import Blogs from "./blogs/Blogs";
-import Footer from "../components/footer/Footer";
 import Talks from "./talks/Talks";
 import Podcast from "./podcast/Podcast";
 import Education from "./education/Education";
 import ScrollToTopButton from "./topbutton/Top";
 import Twitter from "./twitter-embed/twitter";
 import Profile from "./profile/Profile";
 import SplashScreen from "./splashScreen/SplashScreen";
-import {splashScreen} from "../portfolio";
-import {StyleProvider} from "../contexts/StyleContext";
-import {useLocalStorage} from "../hooks/useLocalStorage";
+import { splashScreen } from "../portfolio";
+import { StyleProvider } from "../contexts/StyleContext";
+import { useLocalStorage } from "../hooks/useLocalStorage";
 import "./Main.scss";
+import Contact from "./contact/Contact";
 
 const Main = () => {
  const darkPref = window.matchMedia("(prefers-color-scheme: dark)");
@@ -45,7 +45,7 @@ const Main = () => {
 
  return (
  <div className={isDark ? "dark-mode" : null}>
- <StyleProvider value={{isDark: isDark, changeTheme: changeTheme}}>
+ <StyleProvider value={{ isDark: isDark, changeTheme: changeTheme }}>
  {isShowingSplashAnimation && splashScreen.enabled ? (
  <SplashScreen />
  ) : (
@@ -64,7 +64,8 @@ const Main = () => {
  <Twitter />
  <Podcast />
  <Profile />
- <Footer />
+ <Contact />
+ {/* <Footer /> */}
  <ScrollToTopButton />
  </>
  )}

src/containers/contact/Contact.js

@@ -1,14 +1,14 @@
-import React, {useContext} from "react";
+import React, { useContext } from "react";
 import "./Contact.scss";
-import SocialMedia from "../../components/socialMedia/SocialMedia";
-import {illustration, contactInfo} from "../../portfolio";
-import {Fade} from "react-reveal";
+import { illustration, contactInfo } from "../../portfolio";
+import { Fade } from "react-reveal";
 import email from "../../assets/lottie/email";
 import DisplayLottie from "../../components/displayLottie/DisplayLottie";
 import StyleContext from "../../contexts/StyleContext";
 
 export default function Contact() {
- const {isDark} = useContext(StyleContext);
+ const { isDark } = useContext(StyleContext);
+ console.log(contactInfo);
  return (
  <Fade bottom duration={1000} distance="20px">
  <div className="main contact-margin-top" id="contact">
@@ -49,7 +49,7 @@ export default function Contact() {
  </a>
  <br />
  <br />
- <SocialMedia />
+ {/* <SocialMedia /> */}
  </div>
  </div>
  <div className="contact-image-div">