[2.6.5] Addition of Show/Hide Selectors for all blocks

- Updating dependencies

gatsby-config.js

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

src/templates/blocks/Contact/ContactA.js

@@ -3,7 +3,7 @@ import React, { memo, useContext } from 'react';
 import { useTranslation } from 'react-i18next';
 import { FaCaretRight } from 'react-icons/fa';
 import PageContext from '../../../contexts/PageContext';
-import { safetyCheck } from '../../../utils';
+import { isItemVisible, safetyCheck } from '../../../utils';
 import BirthDateB from '../BirthDate/BirthDateB';
 import Icons from '../Icons';
 
@@ -57,14 +57,17 @@ const ContactA = () => {
       <BirthDateB />
 
       {safetyCheck(data.social) &&
-        data.social.items.map((x) => (
+        data.social.items.map(
-          <ContactItem
+          (x) =>
-            key={x.id}
+            isItemVisible(x) && (
-            value={x.username}
+              <ContactItem
-            icon={x.network}
+                key={x.id}
-            link={x.url}
+                value={x.username}
-          />
+                icon={x.network}
-        ))}
+                link={x.url}
+              />
+            ),
+        )}
     </div>
   );
 };

src/templates/blocks/Contact/ContactB.js

@@ -3,7 +3,7 @@ import React, { memo, useContext } from 'react';
 import { useTranslation } from 'react-i18next';
 import { FaCaretRight } from 'react-icons/fa';
 import PageContext from '../../../contexts/PageContext';
-import { safetyCheck } from '../../../utils';
+import { isItemVisible, safetyCheck } from '../../../utils';
 import BirthDateC from '../BirthDate/BirthDateC';
 import Icons from '../Icons';
 
@@ -57,14 +57,17 @@ const ContactB = () => {
       <BirthDateC />
 
       {safetyCheck(data.social) &&
-        data.social.items.map((x) => (
+        data.social.items.map(
-          <ContactItem
+          (x) =>
-            key={x.id}
+            isItemVisible(x) && (
-            value={x.username}
+              <ContactItem
-            icon={x.network}
+                key={x.id}
-            link={x.url}
+                value={x.username}
-          />
+                icon={x.network}
-        ))}
+                link={x.url}
+              />
+            ),
+        )}
     </div>
   );
 };

src/templates/blocks/Contact/ContactC.js

@@ -1,7 +1,7 @@
 import React, { memo, useContext } from 'react';
 import { useTranslation } from 'react-i18next';
 import PageContext from '../../../contexts/PageContext';
-import { hasAddress, safetyCheck } from '../../../utils';
+import { hasAddress, isItemVisible, safetyCheck } from '../../../utils';
 import BirthDateA from '../BirthDate/BirthDateA';
 
 const ContactItem = ({ value, label, link }) =>
@@ -58,14 +58,17 @@ const ContactC = () => {
       <BirthDateA />
 
       {safetyCheck(data.social) &&
-        data.social.items.map((x) => (
+        data.social.items.map(
-          <ContactItem
+          (x) =>
-            key={x.id}
+            isItemVisible(x) && (
-            value={x.username}
+              <ContactItem
-            label={x.network}
+                key={x.id}
-            link={x.url}
+                value={x.username}
-          />
+                label={x.network}
-        ))}
+                link={x.url}
+              />
+            ),
+        )}
     </div>
   );
 };

src/templates/blocks/Contact/ContactD.js

@@ -2,7 +2,7 @@ import React, { memo, useContext } from 'react';
 import { useTranslation } from 'react-i18next';
 import { MdFlare } from 'react-icons/md';
 import PageContext from '../../../contexts/PageContext';
-import { hasAddress, safetyCheck } from '../../../utils';
+import { hasAddress, isItemVisible, safetyCheck } from '../../../utils';
 import BirthDateA from '../BirthDate/BirthDateA';
 
 const ContactItem = ({ value, label, link }) =>
@@ -76,14 +76,17 @@ const ContactD = () => {
       <BirthDateA />
 
       {safetyCheck(data.social) &&
-        data.social.items.map((x) => (
+        data.social.items.map(
-          <ContactItem
+          (x) =>
-            key={x.id}
+            isItemVisible(x) && (
-            value={x.username}
+              <ContactItem
-            label={x.network}
+                key={x.id}
-            link={x.url}
+                value={x.username}
-          />
+                label={x.network}
-        ))}
+                link={x.url}
+              />
+            ),
+        )}
     </div>
   );
 };

src/templates/blocks/Work/WorkA.js

@@ -2,12 +2,7 @@ import React, { memo, useContext } from 'react';
 import { useTranslation } from 'react-i18next';
 import ReactMarkdown from 'react-markdown';
 import PageContext from '../../../contexts/PageContext';
-import {
+import { formatDateRange, safetyCheck, isItemVisible } from '../../../utils';
-  formatDateRange,
-  safetyCheck,
-  isItemVisible,
-  genericFilter,
-} from '../../../utils';
 
 const WorkItem = ({ item, language }) => {
   const { t } = useTranslation();