17 Add Redirect Handling to Log In or Create New Account CTA

Author: BriDavidson

complete-application/src/app/home-page/home-page.component.html

@@ -2,7 +2,11 @@
   <div class="content-container">
     <div style="margin-bottom: 100px;">
       <h1>Welcome to Changebank</h1>
-      <p>To get started, <a (click)="login()" style="cursor: pointer">log in or create a new account</a>.</p>
+      <p>To get started,
+        <button class="button-redirect" (click)="login()" style="cursor: pointer">log in</button>
+        or
+        <button class="button-redirect" (click)="register()" style="cursor: pointer">create a new account.</button>
+      </p>
     </div>
   </div>
   <div style="flex: 0;">

complete-application/src/app/home-page/home-page.component.ts

@@ -16,4 +16,7 @@ export class HomePageComponent {
   login() {
     this.fusionAuthService.startLogin();
   }
+  register() {
+    this.fusionAuthService.startRegistration();
+  }
 }

complete-application/src/styles.css

@@ -152,3 +152,12 @@ body {
 .change-container {
   flex: 1;
 }
+
+.button-redirect {
+  background: none;
+  border: none;
+  color: #096324;
+  font-size: 18px;
+  font-family: sans-serif;
+  padding: 0;
+}