react/no-unescaped-entities fix

pioneer/packages/joy-election/src/Council.tsx

@@ -30,7 +30,7 @@ class Council extends React.PureComponent<Props, State> {
             <Table.HeaderCell>#</Table.HeaderCell>
             <Table.HeaderCell>Council member</Table.HeaderCell>
             <Table.HeaderCell>Own stake</Table.HeaderCell>
-            <Table.HeaderCell>Backers' stake</Table.HeaderCell>
+            <Table.HeaderCell>{'Backers\' stake'}</Table.HeaderCell>
             <Table.HeaderCell>Backers count</Table.HeaderCell>
           </Table.Row>
         </Table.Header>

pioneer/packages/joy-forum/src/ViewThread.tsx

@@ -76,7 +76,7 @@ function InnerViewThread (props: ViewThreadProps) {
   const totalPostsInThread = thread.num_posts_ever_created.toNumber();
 
   if (!category) {
-    return <em>Thread's category was not found.</em>;
+    return <em>{'Thread\'s category was not found.'}</em>;
   } else if (category.deleted) {
     return renderThreadNotFound();
   }
@@ -301,7 +301,7 @@ function InnerViewThreadById (props: ViewThreadByIdProps) {
   }
 
   if (category.isEmpty) {
-    return <em>Thread's category was not found</em>;
+    return <em>{ 'Thread\'s category was not found' }</em>;
   }
 
   return <ViewThread id={threadId} category={category} thread={thread} page={page} history={history} />;

pioneer/packages/joy-media/src/music/MyMusicAlbums.tsx

@@ -17,7 +17,7 @@ export function MyMusicAlbums (props: MyMusicAlbumsProps) {
     </div>
     <div>
       {albumCount === 0
-        ? <em className='NoItems'>You don't have music albums yet</em>
+        ? <em className='NoItems'>{'You don\'t have music albums yet'}</em>
         : albums.map((album, i) =>
           <MusicAlbumPreview key={i} {...album} />
         )

pioneer/packages/joy-members/src/EditForm.tsx

@@ -157,7 +157,7 @@ const InnerForm = (props: FormProps) => {
               Membership costs <b>{formatBalance(paidTerms.fee)}</b> tokens.
             </p>
             <p>
-              <span>By clicking the "Register" button you agree to our </span>
+              <span>{'By clicking the "Register" button you agree to our '}</span>
               <Link to={'/pages/tos'}>Terms of Service</Link>
               <span> and </span>
               <Link to={'/pages/privacy'}>Privacy Policy</Link>.

pioneer/packages/joy-proposals/src/Proposal/Body.tsx

@@ -174,7 +174,7 @@ export default function Body ({
             <Message.Content>
               <Message.Header>Proposal cancellation</Message.Header>
               <p style={{ margin: '0.5em 0', padding: '0' }}>
-                You can only cancel your proposal while it's still in the Voting Period.
+                {'You can only cancel your proposal while it\'s still in the Voting Period.'}
               </p>
               <p style={{ margin: '0.5em 0', padding: '0' }}>
                 The cancellation fee for this type of proposal is:&nbsp;

pioneer/packages/joy-roles/src/StakeRequirement.tsx

@@ -72,7 +72,11 @@ export class RoleStakeRequirement extends StakeRequirement implements IStakeRequ
 
     return (
       <p>
-        You must stake {this.qualifier()} <strong>{formatBalance(this.hard)}</strong> to be eligible for this role. You may lose this stake if you're hired and then dismised from this role. This stake will be returned if your application is unsuccessful, and will also be used to rank applications.
+        {
+          `You must stake ${this.qualifier()} ${<strong>{formatBalance(this.hard)}</strong>} to be eligible for this role.
+          You may lose this stake if you're hired and then dismised from this role.
+          This stake will be returned if your application is unsuccessful, and will also be used to rank applications.`
+        }
       </p>
     );
   }

pioneer/packages/joy-roles/src/flows/apply.tsx

@@ -601,7 +601,7 @@ export function ConfirmStakes2Up (props: ConfirmStakes2UpProps) {
                   This stake will be returned if your application is unsuccessful, and will also be used to rank applications.
                 </p>
                 <p>
-                  If you're hired and then withdraw from the role, your role stake will be returned.
+                  {'If you\'re hired and then withdraw from the role, your role stake will be returned.'}
                 </p>
               </Grid.Column>
             </Grid.Row>
@@ -996,26 +996,27 @@ export function DoneStage (props: DoneStageProps) {
       <p>
         Your application is <strong>#<ApplicationCount {...props.applications} applied={true} /></strong>.
         Once the group lead has started their review, your application will be considered.
-	  </p>
+	    </p>
       <p>
         You can track the progress of your
-		application in the <Link to="#working-group/my-roles">My roles</Link> section. Note that your application is attached
-		to your role key (see below).  If you have any issues, you can message the group lead in in the <Link to="#forum">Forum</Link> or contact them directly.
-	  </p>
+		    application in the <Link to="#working-group/my-roles">My roles</Link> section. Note that your application is attached
+		    to your role key (see below).  If you have any issues, you can message the group lead in in the <Link to="#forum">Forum</Link> or contact them directly.
+	    </p>
 
       <h4>Your new role key</h4>
       <p>
         This role requires a new account, called a <em>role key</em>, which will be used to carry out any duties associated with the role.
-	  </p>
+	    </p>
       <p>
-        We've generated a new role key, <strong>{props.roleKeyName}</strong>, automatically.
+        {`We've generated a new role key, ${<strong>{props.roleKeyName}</strong>}, automatically.
         A copy of the backup file should have been downloaded, or you can
-		get a backup from the <Link to="/accounts">My account</Link> section. 	  </p>
+        get a backup from the ${<Link to="/accounts">My account</Link>} section.`}
+      </p>
       <p>
-        You can also switch your role key using the Accounts selector in the top right of the screen. It works like
-		  any other account. The application you just completed is associated with your new role key, so you'll need to
-		select <strong>{props.roleKeyName}</strong> in the accounts selector in order to track its progress.
-	  </p>
+        {`You can also switch your role key using the Accounts selector in the top right of the screen. It works like
+		    any other account. The application you just completed is associated with your new role key, so you'll need to
+        select ${<strong>{props.roleKeyName}</strong>} in the accounts selector in order to track its progress.`}
+	    </p>
       <Message warning icon>
         <Icon name='warning sign' />
         <strong>Please make sure to save this file in a secure location as it is the only