Lint: no-unescaped-entities

Author: David Evans

web/.eslintrc.js

@@ -18,7 +18,6 @@ module.exports = {
     'react/forbid-prop-types': ['off'],
     'react/jsx-no-target-blank': ['off'],
     'react/jsx-one-expression-per-line': ['off'],
-    'react/no-unescaped-entities': ['off'],
     'react/sort-comp': ['off'],
 
     'arrow-parens': ['error', 'always'],

web/src/components/home/home_page.jsx

@@ -94,7 +94,7 @@ export default class HomePage extends React.Component {
           </div>
           <div className="row">
             <div className="text-center whats-a-retro-link">
-              <a href="https://builttoadapt.io/how-to-run-a-really-good-retrospective-8982bd839e16" target="_blank">What's a retro?</a>
+              <a href="https://builttoadapt.io/how-to-run-a-really-good-retrospective-8982bd839e16" target="_blank">What&apos;s a retro?</a>
             </div>
           </div>
         </div>

web/src/components/not-found/not_found_page.jsx

@@ -52,7 +52,7 @@ export default class NotFoundPage extends React.Component {
       <div className="error-page">
         <div className="row" style={{marginTop: '180px'}}>
           <div className="small-centered medium-8 small-10 columns">
-            <h1>Oops... Looks like the page you're looking for doesn't exist.</h1>
+            <h1>Oops... Looks like the page you&apos;re looking for doesn&apos;t exist.</h1>
             <p>Perhaps you were trying to do this?</p>
             <div className="row">
               <button

web/src/components/registration/registration_page.jsx

@@ -124,7 +124,7 @@ export default class RegistrationPage extends React.Component {
 
             <div className="row terms-text">
               <p>
-                By continuing, you agree to Postfacto's
+                By continuing, you agree to Postfacto&apos;s
                 {' '}<a href="/terms" target="_blank">Terms of Use</a> and
                 {' '}<a href="/privacy" target="_blank">Privacy Policy</a>
               </p>

web/src/components/retro-create/retro_create_page.jsx

@@ -213,7 +213,7 @@ export default class RetroCreatePage extends React.Component {
 
             <div className="medium-centered small-centered" style={{width: '30rem'}}>
               <div className="row">
-                <label className="label">What's your team called?</label>
+                <label className="label">What&apos;s your team called?</label>
                 <input
                   id="retro_name"
                   value={name}

web/src/components/retro-not-found/retro_not_found_page.jsx

@@ -53,8 +53,8 @@ export default class RetroNotFoundPage extends React.Component {
         <div className="row" style={{marginTop: '180px'}}>
           <div className="small-centered medium-8 small-10 columns">
             <h1>Project not found.</h1>
-            <p>Unfortunately, we couldn't find that project. If you've created a project already, double-check your URL.</p>
-            <p>If you haven't created a project, why don't you create one?</p>
+            <p>Unfortunately, we couldn&apos;t find that project. If you&apos;ve created a project already, double-check your URL.</p>
+            <p>If you haven&apos;t created a project, why don&apos;t you create one?</p>
             <div className="row">
               <button
                 className="retro-form-submit expanded button"

web/src/components/retro-show/countdown_timer.jsx

@@ -97,7 +97,7 @@ export default class CountdownTimer extends React.Component {
               className="retro-item-timer-extend"
               onClick={this.onExtendTimerClicked}
             >
-              <span className="item-times-up">Time's Up!</span>
+              <span className="item-times-up">Time&apos;s Up!</span>
               <br/>
               +2 more minutes
             </div>

web/src/components/server-lost/api_server_not_found_page.jsx

@@ -46,7 +46,7 @@ export default class ApiServerNotFoundPage extends React.PureComponent {
             <div className="image">
               <img src={faceDeadSvg} alt="Error"/>
             </div>
-            <h1>Oh no! It's broken</h1>
+            <h1>Oh no! It&apos;s broken</h1>
             <p>Try refreshing the page, or come back later.</p>
           </div>
         </div>

web/src/components/terms/new_terms_page.jsx

@@ -32,6 +32,8 @@
 import React from 'react';
 import RetroFooter from '../shared/footer';
 
+/* eslint-disable react/no-unescaped-entities */
+
 export default () => (
   <div id="new-terms" className="terms">
     <div className="simple-text-page">
@@ -237,3 +239,5 @@ export default () => (
     <RetroFooter/>
   </div>
 );
+
+/* eslint-enable react/no-unescaped-entities */