removed footer from mobile

prajjawal05 · Aug 27, 2023 · e0938b8 · e0938b8
1 parent fd51250
commit e0938b8
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 9 deletions.
diff --git a/src/components/InfoFooter/index.js b/src/components/InfoFooter/index.js
@@ -1,7 +1,9 @@
+import { useContext } from 'react';
 import { Layout as AntLayout, Typography } from 'antd';
 import styled from 'styled-components';
 
 import { LINKS } from '../../config/links';
+import { ScreenContext } from "../../config/context";
 
 const { Text } = Typography;
 const { Footer: AntFooter } = AntLayout;
@@ -21,12 +23,16 @@ const Email = () => (
     rel="noopener noreferrer">here</a>
 );
 
-const Footer = () => (
-  <StyledFooter style={{ position: 'sticky', bottom: 0, zIndex: 1, width: '100%', height: '50px', paddingTop: '15px' }}>
-    <Text>
-      Email me <Email />
-    </Text>
-  </StyledFooter>
-);
+const Footer = () => {
+  const width = useContext(ScreenContext);
+  const isMobile = width < 700;
+  return !isMobile && (
+    <StyledFooter style={{ position: 'sticky', bottom: 0, zIndex: 1, width: '100%', height: '50px', paddingTop: '15px' }}>
+      <Text>
+        Email me <Email />
+      </Text>
+    </StyledFooter>
+  )
+};
 
 export default Footer;
diff --git a/src/components/Skills/index.js b/src/components/Skills/index.js
@@ -45,7 +45,5 @@ const Skills = () => (
 
 export default Skills;
 
-// menu active item
-// change resume link
 // preview resume
 // resume download