Revert "Day 3: Set up the project to illustrate error and loading tem…

…plates"

my-app/app/routes/products/product.ts

@@ -4,9 +4,9 @@ import { type Registry as Services, service } from '@ember/service';
 
 import type { ModelFrom } from '../../utils/routes';
 import type { Product } from '../../utils/routes/products';
+import type ProductsRoute from '../products';
 
 export default class ProductsProductRoute extends Route {
-  @service declare api: Services['api'];
   @service declare experiments: Services['experiments'];
   @service declare router: Services['router'];
 
@@ -23,23 +23,21 @@ export default class ProductsProductRoute extends Route {
     }
   }
 
-  model(params: { id: string }): Promise<Product> {
+  model(params: { id: string }): Product {
     const { id } = params;
+    const products = this.modelFor('products') as ModelFrom<ProductsRoute>;
 
-    /*
-      Uncomment the next line to render products/error.hbs.
-    */
-    // throw new Error('Some server error.');
+    const product = products.find((product) => product.id === id);
 
-    return this.api.get<Product>(`/products/${id}`);
-  }
-
-  @action error(error: any /*, transition */) {
-    console.error(error);
+    if (!product) {
+      throw new Error(`Could not find the product with ID ${id}.`);
+    }
 
-    return true;
+    return product;
+  }
 
-    // this.router.replaceWith('products');
+  @action error(/* error, transition */) {
+    this.router.replaceWith('products');
   }
 }
 

my-app/app/utils/services/experiments.ts

@@ -1,7 +1,7 @@
 const experimentsForProduction = {
   'nest-product-details': {
-    control: 0,
-    v1: 1,
+    control: 0.5,
+    v1: 0.5,
   },
   'subscribe-to-ember-times': {
     control: 0.7,

my-app/mirage/config.js

@@ -15,7 +15,7 @@ function routes() {
     Uncomment the next line to make the loading spinner
     visible for some time.
   */
-  this.timing = 1000;
+  // this.timing = 1000;
 
   /*
     Shorthand cheatsheet: