feat(titles): Title the pages

client/src/client-only-routes/ShowSettings.js

@@ -4,6 +4,7 @@ import { bindActionCreators } from 'redux';
 import { connect } from 'react-redux';
 import { createSelector } from 'reselect';
 import { Grid, Button } from '@freecodecamp/react-bootstrap';
+import Helmet from 'react-helmet';
 
 import { signInLoadingSelector, userSelector } from '../redux';
 import { submitNewAbout, updateUserFlag } from '../redux/settings';
@@ -77,6 +78,9 @@ function ShowSettings(props) {
 
   return (
     <Layout>
+      <Helmet>
+        <title>Settings | freeCodeCamp.org</title>
+      </Helmet>
       <Grid>
         <Spacer size={2} />
         <FullWidthRow>

client/src/client-only-routes/ShowUnsubscribed.js

@@ -1,5 +1,7 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 import { Grid, Panel, Button } from '@freecodecamp/react-bootstrap';
+import Helmet from 'react-helmet';
 
 import env from '../../config/env.json';
 import Layout from '../components/Layout';
@@ -11,6 +13,9 @@ const { apiLocation } = env;
 function ShowUnsubscribed({ unsubscribeId }) {
   return (
     <Layout>
+      <Helmet>
+        <title>You have been unsubscribed | freeCodeCamp.org</title>
+      </Helmet>
       <Grid>
         <FullWidthRow>
           <Spacer />
@@ -39,5 +44,8 @@ function ShowUnsubscribed({ unsubscribeId }) {
 }
 
 ShowUnsubscribed.displayName = 'ShowUnsubscribed';
+ShowUnsubscribed.propTypes = {
+  unsubscribeId: PropTypes.string
+};
 
 export default ShowUnsubscribed;

client/src/client-only-routes/ShowUser.js

@@ -12,6 +12,7 @@ import {
   Button,
   Col
 } from '@freecodecamp/react-bootstrap';
+import Helmet from 'react-helmet';
 
 import {
   isSignedInSelector,
@@ -134,6 +135,9 @@ class ShowUser extends Component {
 
     return (
       <Layout>
+        <Helmet>
+          <title>Report a users profile | freeCodeCamp.org</title>
+        </Helmet>
         <FullWidthRow>
           <Spacer />
           <Spacer />

client/src/pages/404.js

@@ -1,8 +1,11 @@
 import React from 'react';
+import Helmet from 'react-helmet';
+
 import Layout from '../components/Layout';
 
 const NotFoundPage = () => (
   <Layout>
+    <Helmet><title>404 Page not found | freeCodeCamp.org</title></Helmet>
     <h1>NOT FOUND</h1>
     <p>You just hit a route that doesn&#39;t exist... the sadness.</p>
   </Layout>

client/src/pages/academic-honesty.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import { Grid } from '@freecodecamp/react-bootstrap';
+import Helmet from 'react-helmet';
 
 import Layout from '../components/Layout';
 import Spacer from '../components/helpers/Spacer';
@@ -8,6 +9,9 @@ import FullWidthRow from '../components/helpers/FullWidthRow';
 function AcademicHonesty() {
   return (
     <Layout>
+      <Helmet>
+        <title>Academic Honesty Policy | freeCodeCamp.org</title>
+      </Helmet>
       <Grid>
         <FullWidthRow>
           <Spacer />

client/src/pages/accept-privacy-terms.js

@@ -73,7 +73,7 @@ class AcceptPrivacyTerms extends Component {
     return (
       <Layout>
         <Helmet>
-          <title>Privacy Policy and Terms of Service</title>
+          <title>Privacy Policy and Terms of Service | freeCodeCamp.org</title>
         </Helmet>
         <Grid>
           <Row>

client/src/pages/index.js

@@ -10,6 +10,7 @@ import {
   faReact
 } from '@fortawesome/free-brands-svg-icons';
 import { faDatabase } from '@fortawesome/free-solid-svg-icons';
+import Helmet from 'react-helmet';
 
 import { Spacer } from '../components/helpers';
 import Layout from '../components/Layout';
@@ -27,6 +28,9 @@ const BigCallToAction = () => (
 
 const IndexPage = () => (
   <Layout disableSettings={true} landingPage={true}>
+    <Helmet>
+      <title>Learn to code | freeCodeCamp.org</title>
+    </Helmet>
     <Spacer />
     <Spacer />
     <Grid className='text-center'>

client/src/pages/software-resources-for-nonprofits.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import { Grid } from '@freecodecamp/react-bootstrap';
+import Helmet from 'react-helmet';
 
 import Layout from '../components/Layout';
 import FullWidthRow from '../components/helpers/FullWidthRow';
@@ -8,6 +9,9 @@ import { Spacer } from '../components/helpers';
 function SoftwareResourcesForNonProfits() {
   return (
     <Layout>
+      <Helmet>
+        <title>Software Resources for Nonprofits | freeCodeCamp.org</title>
+      </Helmet>
       <Spacer />
       <Spacer />
       <Grid>
@@ -148,7 +152,10 @@ function SoftwareResourcesForNonProfits() {
             </li>
             <li>
               <a
-                href='https://www.blackbaud.com/fundraising-crm/etapestry-donor-management'
+                href={
+                  'https://www.blackbaud.com/fundraising-crm/etapestry-donor' +
+                  '-management'
+                }
                 rel='noopener noreferrer'
                 target='_blank'
                 >

client/src/pages/update-email.js

@@ -14,6 +14,7 @@ import {
   Col,
   Button
 } from '@freecodecamp/react-bootstrap';
+import Helmet from 'react-helmet';
 
 import Layout from '../components/Layout';
 import { Spacer } from '../components/helpers';
@@ -80,6 +81,9 @@ class UpdateEmail extends Component {
     const { isNewEmail, updateMyEmail } = this.props;
     return (
       <Layout>
+        <Helmet>
+          <title>Update your email address | freeCodeCamp.org</title>
+        </Helmet>
         <Spacer />
         <h2 className='text-center'>Update your email address here:</h2>
         <Grid>

client/src/pages/welcome.js

@@ -5,6 +5,7 @@ import { bindActionCreators } from 'redux';
 import { connect } from 'react-redux';
 import { createSelector } from 'reselect';
 import { Grid, Row, Col, Button } from '@freecodecamp/react-bootstrap';
+import Helmet from 'react-helmet';
 
 import { Loader, Spacer } from '../components/helpers';
 import Layout from '../components/Layout';
@@ -38,7 +39,6 @@ const mapDispatchToProps = dispatch => bindActionCreators({}, dispatch);
 
 function Welcome({
   fetchState: { pending, complete },
-  fetchState,
   user: {
     acceptedPrivacyTerms,
     name = '',
@@ -48,7 +48,6 @@ function Welcome({
     completedLegacyCertCount = 0
   }
 }) {
-  console.log(fetchState);
   if (pending && !complete) {
     return (
       <Layout>
@@ -67,6 +66,9 @@ function Welcome({
   const { quote, author } = randomQuote();
   return (
     <Layout>
+      <Helmet>
+        <title>Welcome {name ? name : 'Camper'} | freeCodeCamp.org</title>
+      </Helmet>
       <Grid className='text-center'>
         <Row>
           <Col xs={12}>
@@ -131,7 +133,7 @@ function Welcome({
             </Button>
           </Col>
         </Row>
-        <Spacer size={4}/>
+        <Spacer size={4} />
       </Grid>
     </Layout>
   );