- fix black screen issue when in certain templates

gatsby-config.js

@@ -5,7 +5,7 @@ module.exports = {
     title: 'Reactive Resume',
     siteUrl: 'https://rxresu.me',
     description: 'A free and open source resume builder.',
-    version: '2.1.3',
+    version: '2.1.4',
   },
   plugins: [
     'gatsby-plugin-react-helmet',

src/styles/global.css

@@ -77,7 +77,6 @@ section {
     top: 0;
     left: 0;
     right: 0;
-    zoom: 1;
     box-shadow: none;
   }
 }

src/templates/blocks/Contact/ContactB.js

@@ -8,7 +8,7 @@ import Icons from '../Icons';
 
 const ContactItem = ({ value, icon, link }) => {
   const { data } = useContext(PageContext);
-  const Icon = get(Icons, icon.toLowerCase(), FaCaretRight);
+  const Icon = get(Icons, icon && icon.toLowerCase(), FaCaretRight);
 
   return value ? (
     <div className="flex items-center">
@@ -28,7 +28,7 @@ const ContactItem = ({ value, icon, link }) => {
   ) : null;
 };
 
-const ContactA = () => {
+const ContactB = () => {
   const { t } = useTranslation();
   const { data } = useContext(PageContext);
 
@@ -63,4 +63,4 @@ const ContactA = () => {
   );
 };
 
-export default memo(ContactA);
+export default memo(ContactB);