Add time-ago pipe

Author: HugoCapocci

package-lock.json

@@ -21,6 +21,7 @@
     "@angular/router": "~7.2.0",
     "core-js": "^2.5.4",
     "rxjs": "~6.3.3",
+    "time-ago-pipe": "^1.3.2",
     "tslib": "^1.9.0",
     "zone.js": "~0.8.26"
   },

package.json

@@ -1,5 +1,6 @@
 import { BrowserModule } from '@angular/platform-browser';
 import { NgModule } from '@angular/core';
+import { TimeAgoPipe } from 'time-ago-pipe';
 
 import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
@@ -8,7 +9,8 @@ import { TimelineComponent } from './timeline/timeline.component';
 @NgModule({
   declarations: [
     AppComponent,
-    TimelineComponent
+    TimelineComponent,
+    TimeAgoPipe
   ],
   imports: [
     BrowserModule,

src/app/app.module.ts

@@ -1,7 +1,7 @@
 <div *ngFor="let tweet of tweets" class="tweet-container">
   <div class="tweet-header">
     <strong>{{ tweet.user }}</strong>
-    <small class="time">{{ tweet.created_at | date:'short' }}</small>
+    <small class="time">{{ tweet.created_at | timeAgo }}</small>
   </div>
   <div class="tweet-content">
     {{ tweet.text }}