From 85efbd84d1704c55a3eefae7fa2d36e7fd7f3cc2 Mon Sep 17 00:00:00 2001
From: joe fleming <joe.fleming@gmail.com>
Date: Thu, 13 Sep 2018 20:31:06 -0700
Subject: [PATCH] feat: show favorite strain cards

---
 packages/search-site/poi.config.js           |  2 +-
 packages/search-site/src/pages/Favorites.vue | 30 ++++++++++++++++++++
 packages/search-site/src/pages/Home.vue      |  2 +-
 3 files changed, 32 insertions(+), 2 deletions(-)

diff --git a/packages/search-site/poi.config.js b/packages/search-site/poi.config.js
index e352441..0fd88f7 100644
--- a/packages/search-site/poi.config.js
+++ b/packages/search-site/poi.config.js
@@ -6,7 +6,7 @@ module.exports = {
   outDir: 'dist',
   plugins: [
     require('@poi/plugin-vue-static')({
-      routes: ['/', '/home', '/favorites'],
+      routes: ['/', '/favorites'],
     }),
   ],
 };
diff --git a/packages/search-site/src/pages/Favorites.vue b/packages/search-site/src/pages/Favorites.vue
index b640a0a..3f65a6b 100644
--- a/packages/search-site/src/pages/Favorites.vue
+++ b/packages/search-site/src/pages/Favorites.vue
@@ -4,12 +4,42 @@
       <h1 class="title">
         Favorites
       </h1>
+
+      <h3 class="title is-5">
+        Strains you have saved
+      </h3>
     </div>
+
+    <section class="section">
+      <div class="container">
+        <StrainList :strains="favoriteStrains" no-save-control />
+      </div>
+    </section>
   </div>
 </template>
 
 <script>
+import data from '../../../scraper/db.json';
+import store from '../lib/store.mjs';
+import StrainList from '../components/StrainList.vue';
+
 export default {
   name: 'FavoritesPage',
+  components: {
+    StrainList,
+  },
+  data() {
+    const favorites = store.get('favorites') || [];
+
+    return {
+      ...data,
+      favorites
+    };
+  },
+  computed: {
+    favoriteStrains() {
+      return this.strains.filter(strain => this.favorites.indexOf(strain.id) !== -1);
+    }
+  },
 }
 </script>
diff --git a/packages/search-site/src/pages/Home.vue b/packages/search-site/src/pages/Home.vue
index 81d73ce..62523e0 100644
--- a/packages/search-site/src/pages/Home.vue
+++ b/packages/search-site/src/pages/Home.vue
@@ -19,7 +19,7 @@ export default {
   name: 'HomePage',
   data() {
     return {
-      activeTab: 'search',
+      activeTab: this.$route.name,
     };
   },
   methods: {