emit event on what users to fetch

Author: supalarry

frontend/src/App.vue

@@ -1,6 +1,6 @@
 <template>
   <div id="app" class="antialiased" v-bind:style="{background: getBackground}">
-    <keep-alive include="Browse,Search">
+    <keep-alive include="Browse,Search,History">
       <router-view/>
     </keep-alive>
   </div>

frontend/src/components/app/recommendations/HistoryRecommendations.vue

@@ -171,8 +171,11 @@ export default {
       }
       return recommendations;
     },
-    saveSingleChoice() {
-      console.log('bingo');
+    saveSingleChoice(...args) {
+      const [key, value] = args;
+      if (key === 'history') {
+        this.$emit('update-history', value);
+      }
     },
   },
   watch: {

frontend/src/views/app/History.vue

@@ -5,6 +5,7 @@
     <section class="mx-auto">
       <HistoryRecommendations
         v-if="recommendationsAnalysisDone"
+        v-on:update-history="updateHistory"
         v-bind:title="'Potential matches'"
         v-bind:recommendationsReceived="recommendations"
         v-bind:recommendationsAnalysis="recommendationsAnalysis"></HistoryRecommendations>
@@ -19,7 +20,7 @@ import NavBar from '@/components/shared/NavBar.vue';
 import HistoryRecommendations from '@/components/app/recommendations/HistoryRecommendations.vue';
 
 export default {
-  name: 'Browse',
+  name: 'History',
   props: ['recommendationsFromSettingUp'],
   components: {
     NavBar,
@@ -98,6 +99,20 @@ export default {
       this.recommendationsAnalysis.interests = [];
       this.recommendationsAnalysisDone = false;
     },
+    updateHistory(...args) {
+      const [request] = args;
+      if (request === 'People I view') {
+        console.log(1);
+      } else if (request === 'People I like') {
+        console.log(2);
+      } else if (request === 'Who views me') {
+        console.log(3);
+      } else if (request === 'Who likes me') {
+        console.log(4);
+      } else if (request === 'Whom I block') {
+        console.log(5);
+      }
+    },
   },
   async created() {
     await this.fetchUsers();