Internationalize

Author: clehner

help.jsx

@@ -1,4 +1,5 @@
 import React from 'react'
+import t from 'patchwork-translations'
 
 export class InviteErrorExplanation extends React.Component {
   render() {
@@ -8,30 +9,30 @@ export class InviteErrorExplanation extends React.Component {
     const msg = this.props.error.message.toLowerCase()
 
     if (~msg.indexOf('invite code not provided'))
-      return <div className="error">The invite code is required.</div>
+      return <div className="error">{t('invite.error.codeRequired')}</div>
 
     if (~msg.indexOf('invite not accepted'))
-      return <div className="error">The invite code was not accepted.</div>
+      return <div className="error">{t('invite.error.notAccepted')}</div>
 
     if (~msg.indexOf('incorrect or expired') || ~msg.indexOf('has expired'))
-      return <div className="error">The invite code is mis-issued or expired.</div>
+      return <div className="error">{t('invite.error.expired')}</div>
 
     if (~msg.indexOf('invalid') || ~msg.indexOf('feed to follow is missing') || ~msg.indexOf('may not be used to follow another key'))
-      return <div className="error">Something is wrong with the invite code.</div>
+      return <div className="error">{t('invite.error.somethingWrong')}</div>
 
     if (~msg.indexOf('pub server did not have correct public key'))
-      return <div className="error">Connection failure.</div>
+      return <div className="error">{t('invite.error.connectionFailure')}</div>
 
     if (~msg.indexOf('unexpected end of parent stream'))
-      return <div className="error">Failed to connect to the pub server.</div>
+      return <div className="error">{t('invite.error.failedConnect')}</div>
 
     if (~msg.indexOf('ENOTFOUND'))
-      return <div className="error">The pub server could not be found.</div>
+      return <div className="error">{t('invite.error.notFound')}</div>
 
     if (~msg.indexOf('already following'))
-      return <div className="error">You are already followed by this pub server.</div>
+      return <div className="error">{t('invite.error.alreadyFollowed')}</div>
 
-    return <div className="error">Sorry, an unexpected error occurred: {msg}</div>
+    return <div className="error">{t('invite.error.unexpectedError', {msg})}</div>
   }
 }
 
@@ -44,22 +45,22 @@ export class InviteErrorHelp extends React.Component {
     let helpText = false
 
     if (~msg.indexOf('invite not accepted'))
-      helpText = 'The invite code was not accepted. It may have been used already. Ask the pub-operator for a new code and try again.'
+      helpText = t('invite.help.codeRequired')
 
     if (~msg.indexOf('incorrect or expired') || ~msg.indexOf('has expired'))
-      helpText = 'The invite code is incorrect or expired. Make sure you copy/pasted it correctly. If you did, ask the pub-operator for a new code and try again.'
+      helpText = t('invite.help.notAccepted')
 
     if (~msg.indexOf('invalid') || ~msg.indexOf('feed to follow is missing') || ~msg.indexOf('may not be used to follow another key'))
-      helpText = 'The invite code is malformed. Make sure you copy/pasted it correctly. If you did, ask the pub-server owner for a new code and try again.'
+      helpText = t('invite.help.somethingWrong')
 
     if (~msg.indexOf('pub server did not have correct public key'))
-      helpText = 'The pub server did not identify itself correctly for the invite code. Ask the pub-operator for a new code and try again.'
+      helpText = t('invite.help.connectionFailure')
 
     if (~msg.indexOf('could not connect to server') || ~msg.indexOf('unexpected end of parent stream'))
-      helpText = 'Failed to connect to the pub server. Check your connection, make sure the pub server is online, and try again.'
+      helpText = t('invite.help.failedConnect')
 
     if (~msg.indexOf('ENOTFOUND'))
-      helpText = 'Check your connection, make sure the pub server is online, and try again. If this issue persists, check with the pub operator.'
+      helpText = t('invite.help.notFound')
 
     if (!helpText)
       return <span/>

index.jsx

@@ -2,6 +2,7 @@ import React from 'react'
 import ref from 'ssb-ref'
 import MDLSpinner from 'patchkit-mdl-spinner'
 import { InviteErrorExplanation, InviteErrorHelp } from './help'
+import t from 'patchwork-translations'
 
 export default class PubInvite extends React.Component {
   static propTypes = {
@@ -49,12 +50,12 @@ export default class PubInvite extends React.Component {
 
       // validate
       if (!code)
-        return this.setState({ isProcessing: false, error: { message: 'Invite code not provided' } })
+        return this.setState({ isProcessing: false, error: { message: t('invite.CodeNotProvided') } })
       if (!ref.isInvite(code))
-        return this.setState({ isProcessing: false, error: { message: 'Invalid invite code' } })
+        return this.setState({ isProcessing: false, error: { message: t('invite.InvalidCode') } })
 
       // use the invite
-      this.setState({ info: 'Contacting server with invite code, this may take a few moments...' })
+      this.setState({ info: t('invite.Contacting') })
       this.context.ssb.invite.accept(code, err => {
         if (err) {
           console.error(err)
@@ -74,31 +75,31 @@ export default class PubInvite extends React.Component {
     const helpText = (this.state.error) ? <InviteErrorHelp error={this.state.error} /> : ''
 
     return <div>
-      <h1>Join a Pub</h1>
-      <h3>Pubs host your messages online, and connect you globally.</h3>
+      <h1>{t('invite.JoinPub')}</h1>
+      <h3>{t('invite.JoinPubInfo')}</h3>
       <form className="fullwidth" onSubmit={e=>e.preventDefault()}>
         <fieldset>
-          <input type="text" value={this.state.code} onChange={this.onChange.bind(this)} placeholder="Enter the invite code here" />
+          <input type="text" value={this.state.code} onChange={this.onChange.bind(this)} placeholder={t('invite.EnterCode')}/>
           <div>{msg}</div>
           <div>{helpText}</div>
         </fieldset>
       </form>
       { this.state.isProcessing ? <MDLSpinner /> : '' }
       <div className="faq text-center">
         { this.props.gotoNextStep ?
-          <div><a onClick={this.props.gotoNextStep}>You can skip this step</a>, but your messages {"won't"} reach outside the WiFi until you do it.</div>
+          <div><a onClick={this.props.gotoNextStep}>{t('invite.CanSkip')}</a>{t('invite.CanSkip2')}</div>
           : '' }
         <div className="faq-entry">
-          <div>{"What's"} an invite code?</div>
-          <div>An invite code tells the Pub to join your contacts.</div>
+          <div>{t('invite.q.WhatIs')}</div>
+          <div>{t('invite.a.WhatIs')}</div>
         </div>
         <div className="faq-entry">
-          <div>Where can I get an invite code?</div>
-          <div>You should ask a Pub operator. Many of them hang out in #scuttlebutt on Freenode.</div>
+          <div>{t('invite.q.WhereCan')}</div>
+          <div>{t('invite.a.WhereCan')}</div>
         </div>
         <div className="faq-entry">
-          <div>Can I create a Pub?</div>
-          <div>Yes, but it requires a public server. If you have one, you can <a href="http://ssbc.github.io/docs/scuttlebot/howto-setup-a-pub.html" target="_blank">follow&nbsp;this&nbsp;guide</a>.</div>
+          <div>{t('invite.q.CanCreate')}</div>
+          <div>{t('invite.a.CanCreate1')}<a href="http://ssbc.github.io/docs/scuttlebot/howto-setup-a-pub.html" target="_blank">{t('invite.a.CanCreate2')}</a>{t('invite.a.CanCreate3')}</div>
         </div>
       </div>
     </div>

package.json

@@ -21,6 +21,7 @@
   "homepage": "https://github.com/patchkit/patchkit-form-pub-invite#readme",
   "dependencies": {
     "patchkit-mdl-spinner": "^1.0.0",
+    "patchwork-translations": "^1.0.0",
     "react": "^0.14.6",
     "ssb-ref": "^2.3.0"
   },