Add time ago for the review date

Author: bossepierre

itenium-socks/package-lock.json

@@ -20,6 +20,7 @@
     "@angular/router": "^18.0.0",
     "@fortawesome/angular-fontawesome": "^0.15.0",
     "@fortawesome/fontawesome-free": "^6.5.2",
+    "ngx-timeago": "^3.0.0",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
     "zone.js": "~0.14.3"

itenium-socks/package.json

@@ -1,14 +1,16 @@
-import { ApplicationConfig, DEFAULT_CURRENCY_CODE, provideZoneChangeDetection } from '@angular/core';
+import { ApplicationConfig, DEFAULT_CURRENCY_CODE, importProvidersFrom, provideZoneChangeDetection } from '@angular/core';
 import { provideRouter } from '@angular/router';
 import { provideHttpClient, withFetch } from '@angular/common/http';
 
 import { routes } from './app.routes';
+import { TimeagoModule } from 'ngx-timeago';
 
 export const appConfig: ApplicationConfig = {
   providers: [
     provideZoneChangeDetection({ eventCoalescing: true }),
     provideRouter(routes),
     provideHttpClient(withFetch()),
-    {provide: DEFAULT_CURRENCY_CODE, useValue: 'EUR' }
+    {provide: DEFAULT_CURRENCY_CODE, useValue: 'EUR' },
+    importProvidersFrom(TimeagoModule.forRoot())
   ]
 };

itenium-socks/src/app/app.config.ts

@@ -17,7 +17,7 @@ <h5>
                   {{ review.socksId }}
                   <i *ngFor="let _ of [].constructor(review.rating)" class="fa fa-star" style="color: gold"></i>
                 </h5>
-                <h6>On {{ review.added }} by {{ review.email }}</h6>
+                <h6>On {{ review.added | timeago }} by {{ review.email }}</h6>
               </div>
               <i class="fa fa-quote-left" aria-hidden="true"></i>
             </div>

itenium-socks/src/app/socks/sock-reviews.component.html

@@ -3,11 +3,12 @@ import { Component } from '@angular/core';
 import { Observable } from 'rxjs';
 import { SocksService } from './socks.service';
 import { Review } from './sock.model';
+import { TimeagoModule } from 'ngx-timeago';
 
 @Component({
   selector: 'app-sock-reviews',
   standalone: true,
-  imports: [NgFor, AsyncPipe],
+  imports: [NgFor, AsyncPipe, TimeagoModule ],
   templateUrl: './sock-reviews.component.html'
 })
 export class SockReviewsComponent {