Inserting labels for the signin button (#23)

* Inserting labels for the signin button

* assigning comments

Author: filipeotero

src/App.js

@@ -60,6 +60,8 @@ class App extends React.Component {
                     <Static
                       signInStatus={this.state.signInStatus}
                       signInTitle={this.state.signInTitle}
+                      signingInTitle={this.state.signingInTitle}
+                      signOutTitle={this.state.signOutTitle}
                       welcomeToDynamoTitle={this.state.welcomeToDynamoTitle}
                       launchTitle={this.state.launchTitle}
                       showScreenAgainLabel={this.state.showScreenAgainLabel}
@@ -86,15 +88,17 @@ class App extends React.Component {
       launchTitle: labels.launchTitle,
       showScreenAgainLabel: labels.showScreenAgainLabel,
       importSettingsTitle: labels.importSettingsTitle,
-      importSettingsTooltipDescription: labels.importSettingsTooltipDescription
+      importSettingsTooltipDescription: labels.importSettingsTooltipDescription,
+      signInTitle: labels.signInTitle,
+      signingInTitle: labels.signingInTitle,
+      signOutTitle: labels.signOutTitle
     });
   }
 
   //Set the login status from Dynamo
   setSignInStatus(val) {
-    this.setState({
-      signInTitle: val.signInTitle,
-      signInStatus: val.signInStatus === 'True',
+    this.setState({      
+      signInStatus: val.signInStatus === 'True'
     });
   }
 

src/Static.js

@@ -108,32 +108,31 @@ class Static extends React.Component {
   }
 
   //Opens a page to signin
-  //TODO: Localize strings by setting text as per what Dynamo sends in.
   signIn = async () => {
     if (chrome.webview !== undefined) {
       if (this.state.signInStatus) {
         let status = await chrome.webview.hostObjects.scriptObject.SignOut();
         this.setState({
           signInStatus: !status,
-          signInTitle: 'Sign In'
+          signInTitle: this.props.signInTitle
         });
       }
       else {
         let btn = document.getElementById('btnSignIn');
         btn.classList.add('disableButton');
         btn.disabled = true;
 
-        this.setState({ signInTitle: 'Signing In' });
+        this.setState({ signInTitle: this.props.signingInTitle });
         let status = await chrome.webview.hostObjects.scriptObject.SignIn();
         this.setState({ signInStatus: status });
 
         btn.classList.remove('disableButton');
         btn.disabled = false;
         if (status) {
-          this.setState({ signInTitle: 'Sign Out' });
+          this.setState({ signInTitle: this.props.signOutTitle });
         }
         else {
-          this.setState({ signInTitle: 'Sign In' });
+          this.setState({ signInTitle: this.props.signInTitle });
         }
       }
     }
@@ -171,7 +170,6 @@ class Static extends React.Component {
     });
   }
 
-
   setTotalLoadingTime(loadingTime) {
     this.setState({
       loadingTime: loadingTime
@@ -192,16 +190,19 @@ class Static extends React.Component {
 }
 
 Static.defaultProps = {
-  signInTitle: 'Sign in',
+  signInTitle: 'Sign In',
+  signingInTitle: 'Signing In',
+  signOutTitle: 'Sign Out',
   launchTitle: 'Launch Dynamo',
   showScreenAgainLabel: 'Don\'t show this screen again',
   importSettingsTitle: 'Import Settings',
-  importSettingsTooltipDescription: 'You can import custom settings here, which will overwrite your current settings. If you\'d like to preserve a copy of your current settings, export them before importing new settings. Settings not shown in the Preferences panel will be applied once Dynamo and any host program restarts.'
-
+  importSettingsTooltipDescription: 'You can import custom settings here, which will overwrite your current settings. If you\'d like to preserve a copy of your current settings, export them before importing new settings. Settings not shown in the Preferences panel will be applied once Dynamo and any host program restarts.'  
 };
 
 Static.propTypes = {
   signInTitle: PropTypes.string,
+  signingInTitle: PropTypes.string,
+  signOutTitle: PropTypes.string,
   launchTitle: PropTypes.string,
   showScreenAgainLabel: PropTypes.string,
   signInStatus: PropTypes.bool,