adapt server data

app/routes/index.js

@@ -1,22 +1,21 @@
 import Route from '@ember/routing/route';
 
+const COMMUNITY_CATEGORIES = ['Condo', 'TownHouse', 'Apartment'];
+
 export default class IndexRoute extends Route {
   async model() {
-    return {
-      title: 'Grand Old Mansion',
-      owner: 'Veruca Salt',
-      city: 'San Francisco',
-      location: {
-        lat: 37.7749,
-        lng: -122.4194,
-      },
-      category: 'Estate',
-      type: 'Standalone',
-      bedrooms: 15,
-      image:
-        'https://upload.wikimedia.org/wikipedia/commons/c/cb/Crane_estate_(5).jpg',
-      description:
-        'This grand old mansion sits on over 100 acres of rolling hills and dense redwood forests.',
-    };
+    let response = await fetch('/api/rentals.json');
+    let { data } = await response.json();
+     return data.map((model) => {
+        let { attributes } = model;
+        let type;
+        if (COMMUNITY_CATEGORIES.includes(attributes.category)){
+          type = 'Community';
+
+        } else {
+          type = 'Standalone';
+        }
+        return { type, ...attributes}
+     });
   }
 }

app/templates/index.hbs

@@ -1,15 +1,12 @@
     <Jumbo>
     <h2>Welcome to Super Rentals!</h2>
     <p>We hope you find exactly what you're looking for in a place to stay.</p>
-    <LinkTo @route="about" class="button">
-        About Us
-    </LinkTo>
     </Jumbo>
     <h1>{{@model.title}}</h1>
     <div class="rentals">
         <ul class="results">
-            <li><Rental  @rental={{@model}}/></li>
-            <li><Rental  @rental={{@model}}/></li>
-            <li><Rental  @rental={{@model}}/></li>
+            {{#each @model as |rental|}}
+                <li><Rental @rental={{rental}} /></li>
+            {{/each}}
         </ul>
     </div>

app/templates/rental.hbs

@@ -1,4 +1,3 @@
-{{yield}}
 <article class="rental">
   <div class="details">
     <h3>{{@rental.title}}</h3>

tests/acceptance/super-rentals-test.js

@@ -9,13 +9,7 @@ module('Acceptance | super rentals', function (hooks) {
     await visit('/');
 
     assert.strictEqual(currentURL(), '/');
-    // assert.dom('nav').exists();
     assert.dom('h2').hasText('Welcome to Super Rentals!');
-
-    assert.dom('.jumbo a.button').hasText('About Us');
-    await click('.jumbo a.button');
-
-    assert.strictEqual(currentURL(), '/about');
   });
 
   test('visiting /about', async function (assert) {

tests/integration/components/nav-bar-test.js

@@ -23,7 +23,10 @@ module('Integration | Component | nav-bar', function (hooks) {
     await click('nav a.menu-contact');
     assert.strictEqual(currentURL(), '/getting-in-touch');
 
-    await click('nav a.menu-index');
-    assert.strictEqual(currentURL(), '/');
+    assert.dom('nav a.menu-index').hasText('SuperRentals');
+
+
+    await click('nav a.menu-about');
+    assert.strictEqual(currentURL(), '/about');
   });
 });