From 519e8f68340dcf0f59a525bffeaeb4eb8d683401 Mon Sep 17 00:00:00 2001
From: Matt Huntington <matt.huntington@gmail.com>
Date: Fri, 16 Jun 2017 18:50:03 -0400
Subject: [PATCH] user component shows user from USERS array

---
 src/app/user/user.component.html | 2 +-
 src/app/user/user.component.ts   | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/app/user/user.component.html b/src/app/user/user.component.html
index 25630e5..4767192 100644
--- a/src/app/user/user.component.html
+++ b/src/app/user/user.component.html
@@ -1,2 +1,2 @@
 <h2>User Component</h2>
-Current User Index: {{userIndex}}
+Current User: {{user}}
diff --git a/src/app/user/user.component.ts b/src/app/user/user.component.ts
index d9c93f2..8c1dadb 100644
--- a/src/app/user/user.component.ts
+++ b/src/app/user/user.component.ts
@@ -1,5 +1,6 @@
 import { Component, OnInit } from '@angular/core';
 import { ActivatedRoute }   from '@angular/router';
+import { USERS } from './users';
 
 @Component({
   selector: 'app-user',
@@ -7,7 +8,7 @@ import { ActivatedRoute }   from '@angular/router';
   styleUrls: ['./user.component.css']
 })
 export class UserComponent implements OnInit {
-  userIndex: Number;
+  user: String;
 
   constructor(
       private route: ActivatedRoute
@@ -15,7 +16,7 @@ export class UserComponent implements OnInit {
 
   ngOnInit() {
       this.route.params.forEach(param => {
-          this.userIndex = param.index;
+          this.user = USERS[param.index];
       })
   }