From d80d093c8bd2ee9f24dace9e98c50eae9cdb7cfa Mon Sep 17 00:00:00 2001
From: Mrugesh Mohapatra <hi@mrugesh.dev>
Date: Fri, 7 May 2021 02:39:38 +0530
Subject: [PATCH] revert(client): add quick superblock cert claim steps

This reverts commit e8578341b509170caff411fce7d48224316ba879.
---
 client/i18n/locales/english/translations.json |  9 ---
 client/src/components/settings/Honesty.js     |  2 +-
 client/src/components/settings/Privacy.js     |  2 +-
 .../__snapshots__/Honesty.test.js.snap        |  2 -
 .../Introduction/components/CertChallenge.js  |  5 --
 .../components/CertificationCard.js           | 64 -------------------
 .../Introduction/components/ClaimCertSteps.js | 51 ---------------
 7 files changed, 2 insertions(+), 133 deletions(-)
 delete mode 100644 client/src/templates/Introduction/components/CertificationCard.js
 delete mode 100644 client/src/templates/Introduction/components/ClaimCertSteps.js

diff --git a/client/i18n/locales/english/translations.json b/client/i18n/locales/english/translations.json
index 5f5ef43830..15bd0852f0 100644
--- a/client/i18n/locales/english/translations.json
+++ b/client/i18n/locales/english/translations.json
@@ -554,14 +554,5 @@
         "Neural Network SMS Text Classifier": "Neural Network SMS Text Classifier"
       }
     }
-  },
-  "certification-card": {
-    "title": "Steps to Claim Your Certification",
-    "intro": "Complete the following steps to claim and view your {{i18nCertText}}",
-    "complete-project": "Complete {{i18nCertText}} Projects",
-    "accept-honesty": "Accept our Academic Honesty Policy",
-    "set-name": "Set your name, and make it public",
-    "set-certs-public": "Set your certificication settings to public",
-    "set-profile-public": "Set your profile settings to public"
   }
 }
diff --git a/client/src/components/settings/Honesty.js b/client/src/components/settings/Honesty.js
index 90ddd2c33f..2ff6948629 100644
--- a/client/src/components/settings/Honesty.js
+++ b/client/src/components/settings/Honesty.js
@@ -35,7 +35,7 @@ const Honesty = ({ isHonest, updateIsHonest }) => {
     </Button>
   );
   return (
-    <section className='honesty-policy' id='honesty-policy'>
+    <section className='honesty-policy'>
       <SectionHeader>{t('settings.headings.honesty')}</SectionHeader>
       <FullWidthRow>
         <Panel className='honesty-panel'>
diff --git a/client/src/components/settings/Privacy.js b/client/src/components/settings/Privacy.js
index 0e34243975..b0f1d745c2 100644
--- a/client/src/components/settings/Privacy.js
+++ b/client/src/components/settings/Privacy.js
@@ -66,7 +66,7 @@ class PrivacySettings extends Component {
     } = user.profileUI;
 
     return (
-      <div className='privacy-settings' id='privacy-settings'>
+      <div className='privacy-settings'>
         <SectionHeader>{t('settings.headings.privacy')}</SectionHeader>
         <FullWidthRow>
           <p>{t('settings.privacy')}</p>
diff --git a/client/src/components/settings/__snapshots__/Honesty.test.js.snap b/client/src/components/settings/__snapshots__/Honesty.test.js.snap
index 9e6d5accbd..c88fda569d 100644
--- a/client/src/components/settings/__snapshots__/Honesty.test.js.snap
+++ b/client/src/components/settings/__snapshots__/Honesty.test.js.snap
@@ -3,7 +3,6 @@
 exports[`<Honesty /> <Honesty /> snapshot when isHonest is false: Honesty 1`] = `
 <section
   className="honesty-policy"
-  id="honesty-policy"
 >
   <SectionHeader>
     settings.headings.honesty
@@ -32,7 +31,6 @@ exports[`<Honesty /> <Honesty /> snapshot when isHonest is false: Honesty 1`] =
 exports[`<Honesty /> <Honesty /> snapshot when isHonest is true: HonestyAccepted 1`] = `
 <section
   className="honesty-policy"
-  id="honesty-policy"
 >
   <SectionHeader>
     settings.headings.honesty
diff --git a/client/src/templates/Introduction/components/CertChallenge.js b/client/src/templates/Introduction/components/CertChallenge.js
index 7de9812419..06399bffd0 100644
--- a/client/src/templates/Introduction/components/CertChallenge.js
+++ b/client/src/templates/Introduction/components/CertChallenge.js
@@ -15,7 +15,6 @@ import {
   certSlugTypeMap,
   superBlockCertTypeMap
 } from '../../../../../config/certification-settings';
-import CertificationCard from './CertificationCard';
 
 const propTypes = {
   currentCerts: CurrentCertsType,
@@ -58,10 +57,6 @@ export class CertChallenge extends Component {
 
     return (
       <div className='block'>
-        <CertificationCard
-          i18nCertText={i18nCertText}
-          superBlock={superBlock}
-        />
         <button
           className={`map-cert-title ${
             isCertified ? 'map-is-cert' : 'no-cursor'
diff --git a/client/src/templates/Introduction/components/CertificationCard.js b/client/src/templates/Introduction/components/CertificationCard.js
deleted file mode 100644
index 64c393947a..0000000000
--- a/client/src/templates/Introduction/components/CertificationCard.js
+++ /dev/null
@@ -1,64 +0,0 @@
-import React, { useState } from 'react';
-import PropTypes from 'prop-types';
-
-import ScrollableAnchor from 'react-scrollable-anchor';
-import { useTranslation } from 'react-i18next';
-import ClaimCertSteps from './ClaimCertSteps';
-import Caret from '../../../assets/icons/Caret';
-
-const propTypes = {
-  i18nCertText: PropTypes.string,
-  superBlock: PropTypes.string
-};
-
-const CertificationCard = ({ superBlock, i18nCertText }) => {
-  const { t } = useTranslation();
-  const [isExpanded, setIsExpanded] = useState(true);
-
-  const handleBlockClick = () => {
-    setIsExpanded(!isExpanded);
-  };
-
-  const {
-    expand: expandText,
-    collapse: collapseText,
-    courses: coursesText
-  } = t('intro:misc-text');
-  return (
-    <ScrollableAnchor id='claim-cert-block'>
-      <div className={`block ${isExpanded ? 'open' : ''}`}>
-        <div className='block-title-wrapper'>
-          <a className='block-link' href='#claim-cert-block'>
-            <h3 className='big-block-title'>
-              {t('certification-card.title')}
-              <span className='block-link-icon'>#</span>
-            </h3>
-          </a>
-        </div>
-        <div className='block-description'>
-          {t('certification-card.intro', { i18nCertText })}
-        </div>
-        <button
-          aria-expanded={isExpanded}
-          className='map-title'
-          onClick={handleBlockClick}
-        >
-          <Caret />
-          <h4 className='course-title'>
-            {`${
-              isExpanded ? collapseText : expandText
-            } ${coursesText.toLowerCase()}`}
-          </h4>
-        </button>
-        {isExpanded && (
-          <ClaimCertSteps i18nCertText={i18nCertText} superBlock={superBlock} />
-        )}
-      </div>
-    </ScrollableAnchor>
-  );
-};
-
-CertificationCard.displayName = 'CertStatus';
-CertificationCard.propTypes = propTypes;
-
-export default CertificationCard;
diff --git a/client/src/templates/Introduction/components/ClaimCertSteps.js b/client/src/templates/Introduction/components/ClaimCertSteps.js
deleted file mode 100644
index 50ed1bc58d..0000000000
--- a/client/src/templates/Introduction/components/ClaimCertSteps.js
+++ /dev/null
@@ -1,51 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Link } from 'gatsby';
-import { withTranslation, useTranslation } from 'react-i18next';
-
-const propTypes = {
-  i18nCertText: PropTypes.string,
-  superBlock: PropTypes.string
-};
-
-const ClaimCertSteps = ({ i18nCertText, superBlock }) => {
-  const { t } = useTranslation();
-
-  const settingsLink = '/settings#privacy-settings';
-  const honestyPolicyAnchor = '/settings#honesty-policy';
-
-  return (
-    <ul className='map-challenges-ul'>
-      <li className='map-challenge-title map-challenge-wrap'>
-        <Link to={honestyPolicyAnchor}>
-          {t('certification-card.accept-honesty')}
-        </Link>
-      </li>
-      <li className='map-challenge-title map-challenge-wrap'>
-        <a href={`#${superBlock}-projects`}>
-          {t('certification-card.complete-project', {
-            i18nCertText
-          })}
-        </a>
-      </li>
-      <li className='map-challenge-title map-challenge-wrap'>
-        <Link to={settingsLink}>
-          {t('certification-card.set-profile-public')}
-        </Link>
-      </li>
-      <li className='map-challenge-title map-challenge-wrap'>
-        <Link to={settingsLink}>
-          {t('certification-card.set-certs-public')}
-        </Link>
-      </li>
-      <li className='map-challenge-title map-challenge-wrap'>
-        <Link to={settingsLink}>{t('certification-card.set-name')}</Link>
-      </li>
-    </ul>
-  );
-};
-
-ClaimCertSteps.displayName = 'ClaimCertSteps';
-ClaimCertSteps.propTypes = propTypes;
-
-export default withTranslation()(ClaimCertSteps);