Chore:

Moved to Angular 16
Moved to FastAPI 0.100.0
Moved to pydantic 2.0

bookie/src/app/product/product-list-resolver.service.ts

@@ -1,5 +1,4 @@
 import { Injectable } from '@angular/core';
-import { Resolve } from '@angular/router';
 import { Observable } from 'rxjs';
 
 import { Product } from '../core/product';
@@ -9,7 +8,7 @@ import { ProductService } from './product.service';
 @Injectable({
   providedIn: 'root',
 })
-export class ProductListResolver implements Resolve<Product[]> {
+export class ProductListResolver {
   constructor(private ser: ProductService) {}
 
   resolve(): Observable<Product[]> {

bookie/src/app/product/product-list/product-list.component.html

@@ -56,7 +56,7 @@
       <!-- Price Column -->
       <ng-container matColumnDef="price">
         <mat-header-cell *matHeaderCellDef class="right">Price</mat-header-cell>
-        <mat-cell *matCellDef="let row" class="right">{{ row.price | currency : 'INR' }}</mat-cell>
+        <mat-cell *matCellDef="let row" class="right">{{ row.price | currency: 'INR' }}</mat-cell>
       </ng-container>
 
       <!-- Menu Category Column -->
@@ -95,7 +95,7 @@
       <!-- Quantity Column -->
       <ng-container matColumnDef="quantity">
         <mat-header-cell *matHeaderCellDef class="right">Quantity</mat-header-cell>
-        <mat-cell *matCellDef="let row" class="right">{{ row.quantity | number : '1.2-2' }}</mat-cell>
+        <mat-cell *matCellDef="let row" class="right">{{ row.quantity | number: '1.2-2' }}</mat-cell>
       </ng-container>
 
       <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>

bookie/src/app/product/product-resolver.service.ts

@@ -1,5 +1,5 @@
 import { Injectable } from '@angular/core';
-import { ActivatedRouteSnapshot, Resolve } from '@angular/router';
+import { ActivatedRouteSnapshot } from '@angular/router';
 import { Observable } from 'rxjs';
 
 import { Product } from '../core/product';
@@ -9,7 +9,7 @@ import { ProductService } from './product.service';
 @Injectable({
   providedIn: 'root',
 })
-export class ProductResolver implements Resolve<Product> {
+export class ProductResolver {
   constructor(private ser: ProductService) {}
 
   resolve(route: ActivatedRouteSnapshot): Observable<Product> {

bookie/src/app/product/product.service.ts

@@ -15,7 +15,10 @@ const serviceName = 'ProductService';
 
 @Injectable({ providedIn: 'root' })
 export class ProductService {
-  constructor(private http: HttpClient, private log: ErrorLoggerService) {}
+  constructor(
+    private http: HttpClient,
+    private log: ErrorLoggerService,
+  ) {}
 
   get(id: string | null): Observable<Product> {
     const getUrl: string = id === null ? `${url}` : `${url}/${id}`;