feat: adding a toggle switch for left panel items

This commit is contained in:
Anuraag Gupta
2021-02-26 02:05:51 +05:30
parent d98e591fee
commit cf47447102
17 changed files with 18168 additions and 72 deletions

View File

@@ -1,7 +1,7 @@
import React, { memo, useContext } from 'react';
import ReactMarkdown from 'react-markdown';
import PageContext from '../../../contexts/PageContext';
import { formatDate, safetyCheck } from '../../../utils';
import { formatDate, safetyCheck, isItemVisible } from '../../../utils';
const CertificationItem = ({ item, language }) => (
<div>
@@ -29,13 +29,16 @@ const CertificationsA = () => {
<div>
<Heading>{data.certifications.heading}</Heading>
<div className="grid gap-4">
{data.certifications.items.map((x) => (
<CertificationItem
key={x.id}
item={x}
language={data.metadata.language}
/>
))}
{data.certifications.items.map(
(x) =>
isItemVisible(x) && (
<CertificationItem
key={x.id}
item={x}
language={data.metadata.language}
/>
),
)}
</div>
</div>
) : null;