update strings

component/email.jsx

@@ -1,6 +1,7 @@
 import React from 'react';
+import { m } from '../i18n';
 
-export function Email() {
+export function Email({ i18n }) {
   const [email, setEmail] = React.useState('');
   const [emailLoading, setEmailLoading] = React.useState(false);
   const [emailError, setEmailError] = React.useState();
@@ -40,12 +41,10 @@ export function Email() {
 
   return (
     <div className="email">
-      <h2 className="content__section-title">Stay Informed</h2>
-      <div className="email__subtitle">
-        We will keep you up to date with the latest on this case.
-      </div>
+      <h2 className="content__section-title">{i18n(m.email_title)}</h2>
+      <div className="email__subtitle">{i18n(m.email_subtitle)}</div>
 
-      <label htmlFor="email">Email</label>
+      <label htmlFor="email">{i18n(m.email_input_label)}</label>
       <form className="email__group" onSubmit={handleEmailSubmit}>
         <input
           type="email"
@@ -55,19 +54,17 @@ export function Email() {
           onChange={(e) => setEmail(e.target.value)}
         />
         <button disabled={!email || emailLoading}>
-          {emailLoading ? 'Submitting' : 'Submit'}
+          {emailLoading
+            ? i18n(m.email_input_button_loading)
+            : i18n(m.email_input_button)}
         </button>
       </form>
 
       {emailSuccess && (
-        <div className="email__success">
-          Thank you! We will keep you in the loop.
-        </div>
+        <div className="email__success">{i18n(m.email_success)}</div>
       )}
       {emailError && (
-        <div className="email__success">
-          Sorry, there was an error. Please try again.
-        </div>
+        <div className="email__success">{i18n(m.email_error)}</div>
       )}
     </div>
   );

i18n.js

@@ -8,6 +8,25 @@ export const m = {
   landing_action: 'landing_action',
   summary_title: 'summary_title',
   summary_subtitle: 'summary_subtitle',
+  p1_a: 'p1_a',
+  p1_b: 'p1_b',
+  p2_a: 'p2_a',
+  p2_b: 'p2_b',
+  share_story_title: 'share_story_title',
+  share_story_subtitle: 'share_story_subtitle',
+  petition_title: 'petition_title',
+  petition_subtitle: 'petition_subtitle',
+  petition_link: 'petition_link',
+  read_more_title: 'read_more_title',
+  read_more_subtitle: 'read_more_subtitle',
+  read_more_link: 'read_more_link',
+  email_title: 'email_title',
+  email_subtitle: 'email_subtitle',
+  email_input_label: 'email_input_label',
+  email_input_button: 'email_input_button',
+  email_input_button_loading: 'email_input_button_loading',
+  email_success: 'email_success',
+  email_error: 'email_error',
 };
 
 const en = {
@@ -17,12 +36,44 @@ const en = {
   go_home: 'Go Home',
   og_description:
     'The SEC doesn’t understand blockchain. The claims made in SEC vs. LBRY would destroy the United States cryptocurrency industry.',
+
   landing_subtitle:
     'The SEC doesn’t understand blockchain. The claims made in SEC vs. LBRY would destroy the United States cryptocurrency industry.',
   landing_action: 'Help us educate the SEC',
+
   summary_title: 'What’s the big deal?',
   summary_subtitle:
     'The entire blockchain industry is at risk in the United States. Big tech and Wall St. would have more power and many people could lose their jobs!',
+
+  p1_a:
+    'The SEC is advancing an aggressive and disastrous new standard that would make almost all blockchain tokens securities.',
+  p1_b:
+    'Classifying all actively-developed blockchain tokens as securities will be a bureaucratic nightmare for United States residents and businesses operating in the US.',
+
+  p2_a:
+    'Under this new standard, almost any token is a security, including the previously safe Ethereum. The nature of technology is that it is never "finished"!',
+  p2_b:
+    'This change will make it much harder for startups to form new blockchain companies, cause massive job loss, and stunt the development of a critical new technology. All the while, big tech and Wall St. prosper!',
+
+  share_story_title: 'Share this story',
+  share_story_subtitle: 'Post to social media to spread awareness.',
+
+  petition_title: 'Sign the petition',
+  petition_subtitle:
+    'Tell the SEC that cryptocurrency must remain legal and free.',
+  petition_link: 'Add your signature',
+
+  read_more_title: 'Read more',
+  read_more_subtitle: 'Read our case guide and FAQ',
+  read_more_link: 'here',
+
+  email_title: 'Stay Informed',
+  email_subtitle: 'We will keep you up to date with the latest on this case.',
+  email_input_label: 'Email',
+  email_input_button: 'Submit',
+  email_input_button_loading: 'Submitting',
+  email_success: 'Thank you! We will keep you in the loop.',
+  email_error: 'Sorry, there was an error. Please try again.',
 };
 
 const es = {};

pages/index.js

@@ -64,13 +64,10 @@ export default function Home() {
 
           <div className="content__section">
             <p>
-              The SEC is advancing an aggressive and disastrous new standard
-              that would make almost all blockchain tokens securities.
+              {__(m.p1_a)}
               <br />
               <br />
-              Classifying all actively-developed blockchain tokens as securities will be a
-              bureaucratic nightmare for United States residents and businesses
-              operating in the US.
+              {__(m.p1_b)}
             </p>
 
             <div className="content__img content__img--question">
@@ -92,22 +89,19 @@ export default function Home() {
             </div>
 
             <p>
-              Under this new standard, almost any token is a security, including
-              the previously safe Ethereum. The nature of technology is that it is never "finished"!
+              {__(m.p2_a)}
               <br />
               <br />
-              This change will make it much harder for startups to form new
-              blockchain companies, cause massive job loss, and stunt the
-              development of a critical new technology. All the while, big tech
-              and Wall St. prosper!
+              {__(m.p2_b)}
             </p>
           </div>
 
           <h2 className="content__section-title" id="share">
-            Share this story
+            {__(m.share_story_title)}
           </h2>
           <div className="content__subtitle">
-            Post to social media to spread awareness. &nbsp;
+            {__(m.share_story_subtitle)}
+            &nbsp;
             <a
               href="https://twitter.com/intent/tweet?text=LBRY%20and%20cryptocurrencies%20are%20useful%20technologies%20that%20must%20remain%20legal%20and%20free%20%23HelpLBRYSaveCrypto%0A%0Awww.helplbrysavecrypto.com"
               className="link"
@@ -123,12 +117,13 @@ export default function Home() {
 
         <div className="content">
           <h2 className="content__section-title" id="petition">
-            Sign the petition
+            {__(m.petition_title)}
           </h2>
           <div className="content__subtitle">
-            Tell the SEC that cryptocurrency must remain legal and free.{' '}
+            {__(m.petition_subtitle)}
+            &nbsp;
             <a className="link" href="https://www.change.org/p/28064277">
-              Add your signature
+              {__(m.petition_link)}
             </a>
             .
           </div>
@@ -136,18 +131,19 @@ export default function Home() {
 
         <div className="content">
           <h2 className="content__section-title" id="petition">
-            Read more
+            {__(m.read_more_title)}
           </h2>
           <div className="content__subtitle">
-            Read our case guide and FAQ{' '}
+            {__(m.read_more_subtitle)}
+            &nbsp;
             <a className="link" href="/faq">
-              here
+              {__(m.read_more_link)}
             </a>
             .
           </div>
         </div>
 
-        <Email />
+        <Email i18n={__} />
 
         <div className="content">
           <h2 className="content__section-title">Try LBRY</h2>