fix(client): academic honesty pages and settings (#35348)

client/src/components/Footer/index.js

@@ -68,6 +68,7 @@ function Footer() {
             <Link to='https://gitter.im/FreeCodeCamp/home'>Gitter</Link>
             <Link to='https://github.com/freeCodeCamp/'>GitHub</Link>
             <Link to='/support'>Support</Link>
+            <Link to='/academic-honesty'>Academic Honesty</Link>
             <Link to='/code-of-conduct'>Code of Conduct</Link>
             <Link to='/privacy-policy'>Privacy Policy</Link>
             <Link to='/terms-of-service'>Terms of Service</Link>

client/src/components/settings/Honesty.js

@@ -2,9 +2,9 @@ import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Button, Panel } from '@freecodecamp/react-bootstrap';
 
-import FullWidthRow from '../helpers/FullWidthRow';
+import { FullWidthRow } from '../helpers';
 import SectionHeader from './SectionHeader';
-import academicPolicy from '../../resources/honesty-policy';
+import HonestyPolicy from '../../resources/honesty-policy';
 
 import './honesty.css';
 
@@ -37,10 +37,10 @@ class Honesty extends Component {
         <SectionHeader>Academic Honesty Policy</SectionHeader>
         <FullWidthRow>
           <Panel className='honesty-panel'>
-            {academicPolicy}
+            <HonestyPolicy />
+          </Panel>
           <br />
           {isHonest ? this.renderIsHonestAgreed() : this.renderAgreeButton()}
-          </Panel>
         </FullWidthRow>
       </section>
     );

client/src/components/settings/honesty.css

@@ -7,18 +7,16 @@
   padding-top: 15px;
 }
 
-.honesty-panel .agreed {
+.honesty-policy .agreed {
   display: flex;
   justify-content: center;
   align-items: center;
-  height: 40px;
   background-color: rgba(0, 100, 0, 0.8);
   color: #fff;
   border-color: #006400;
-  margin-bottom: 0px;
 }
 
-.honesty-panel .agreed p {
+.honesty-policy .agreed p {
   margin-top: 0;
   margin-bottom: 0;
 }

client/src/pages/academic-honesty.js

@@ -2,10 +2,9 @@ import React, { Fragment } from 'react';
 import { Grid } from '@freecodecamp/react-bootstrap';
 import Helmet from 'react-helmet';
 
-import honesty from '../resources/honesty-policy';
-
 import Spacer from '../components/helpers/Spacer';
 import FullWidthRow from '../components/helpers/FullWidthRow';
+import HonestyPolicy from '../resources/honesty-policy';
 
 function AcademicHonesty() {
   return (
@@ -18,7 +17,7 @@ function AcademicHonesty() {
           <Spacer />
           <h2 className='text-center'>Academic Honesty Policy</h2>
           <hr />
-          {honesty}
+          <HonestyPolicy />
         </FullWidthRow>
       </Grid>
     </Fragment>

client/src/resources/honesty-policy.js

@@ -1,43 +1,49 @@
-import React from 'react';
+import React, { Fragment } from 'react';
 
-const policy = [
+const HonestyPolicy = () => {
+  return (
+    <Fragment>
       <p key={1}>
         Before we issue our verified certification to a camper, he or she must
         accept our Academic Honesty Pledge, which reads:
-  </p>,
+      </p>
       <p key={2}>
         "I understand that plagiarism means copying someone else’s work and
-    presenting the work as if it were my own, without clearly attributing the
+        presenting the work as if it were my own, without clearly attributing
-    original author."
+        the original author."
-  </p>,
+      </p>
       <p key={3}>
-    "I understand that plagiarism is an act of intellectual dishonesty, and that
+        "I understand that plagiarism is an act of intellectual dishonesty, and
-    people usually get kicked out of university or fired from their jobs if they
+        that people usually get kicked out of university or fired from their
-    get caught plagiarizing".
+        jobs if they get caught plagiarizing".
-  </p>,
+      </p>
       <p key={4}>
-    "Aside from using open source libraries such as jQuery and Bootstrap, and
+        "Aside from using open source libraries such as jQuery and Bootstrap,
-    short snippets of code which are clearly attributed to their original
+        and short snippets of code which are clearly attributed to their
-    author, 100% of the code in my projects was written by me, or along with
+        original author, 100% of the code in my projects was written by me, or
-    another camper with whom I was pair programming in real time."
+        along with another camper with whom I was pair programming in real
-  </p>,
+        time."
+      </p>
       <p key={5}>
         "I pledge that I did not plagiarize any of my freeCodeCamp.org work. I
-    understand that freeCodeCamp.org’s team will audit my projects to confirm
+        understand that freeCodeCamp.org’s team will audit my projects to
-    this."
+        confirm this."
-  </p>,
-  <p key={6}>
-    In the situations where we discover instances of unambiguous plagiarism, we
-    will replace the camper in question’s certification with a message that
-    "Upon review, this account has been flagged for academic dishonesty."
-  </p>,
-  <p key={7}>
-    As an academic institution that grants achievement-based certifications, we
-    take academic honesty very seriously. If you have any questions about this
-    policy, or suspect that someone has violated it, you can email{' '}
-    <a href='mailto:team@freecodecamp.org'>team@freecodecamp.org</a>
-    &thinsp;and we will investigate.
       </p>
-];
+      <p key={6}>
+        In the situations where we discover instances of unambiguous plagiarism,
+        we will replace the camper in question’s certification with a message
+        that "Upon review, this account has been flagged for academic
+        dishonesty."
+      </p>
+      <p key={7}>
+        As an academic institution that grants achievement-based certifications,
+        we take academic honesty very seriously. If you have any questions about
+        this policy, or suspect that someone has violated it, you can email{' '}
+        <a href='mailto:team@freecodecamp.org'>team@freecodecamp.org</a> and we
+        will investigate.
+      </p>
+    </Fragment>
+  );
+};
 
-export default policy;
+export default HonestyPolicy;