From e2e9b0baba91411aacb259b98dc03fcbdbe8c225 Mon Sep 17 00:00:00 2001
From: Alexis Hernandez <alexis22229@gmail.com>
Date: Thu, 8 Feb 2018 23:34:29 -0600
Subject: [PATCH] alerts-ui: Remove hard-coded texts on home page, use
 translations instead

---
 alerts-ui/src/app/app.component.ts         | 6 ++++++
 alerts-ui/src/app/home/home.component.html | 6 +++---
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/alerts-ui/src/app/app.component.ts b/alerts-ui/src/app/app.component.ts
index 768ec2f..dd4b8b2 100644
--- a/alerts-ui/src/app/app.component.ts
+++ b/alerts-ui/src/app/app.component.ts
@@ -96,6 +96,12 @@ If {{email}} is not your email address, please go back and enter the correct one
 If you have not received our email in 15 minutes, please check your spam folder. <hr>
 Still can not find it? Try searching Gmail for "in:all subject:(Confirm your account on Crypto Coin Alerts)" (without quotes).`,
 
+      'message.accountNeeded.question': 'What are you waiting? Create a',
+      'message.accountNeeded.new': 'new account',
+      'message.accountNeeded.or': 'or',
+      'message.accountNeeded.login': 'login',
+      'message.accountNeeded.last': 'to start receiving alerts',
+
       'message.emailVerified': 'Thanks for verifying your email',
       'message.resolveCaptcha': 'Resolve the reCAPTCHA',
       'message.alertCreated': 'Your alert was created',
diff --git a/alerts-ui/src/app/home/home.component.html b/alerts-ui/src/app/home/home.component.html
index 5627bf8..b893bc7 100644
--- a/alerts-ui/src/app/home/home.component.html
+++ b/alerts-ui/src/app/home/home.component.html
@@ -26,9 +26,9 @@
 
   <div [hidden]="authService.isAuthenticated()">
     <p>
-      What are you waiting? Create a
-      <a routerLink="/new-account">new account</a> or
-      <a routerLink="/login">login</a> to start receiving alerts.
+      {{'message.accountNeeded.question' | translate}}
+      <a routerLink="/new-account">{{'message.accountNeeded.new' | translate}}</a> {{'message.accountNeeded.or' | translate}}
+      <a routerLink="/login">{{'message.accountNeeded.login' | translate}}</a> {{'message.accountNeeded.last' | translate}}.
     </p>
 
     <div>