Merge pull request #27 from team-alarm-clock/fixes

Fixes

src/components/albums/AlbumDetail.vue

@@ -0,0 +1,15 @@
+<template>
+  <div>
+    <h1>I am the Album Detail for Favorites</h1>
+  </div>
+</template>
+
+<script>
+export default {
+
+};
+</script>
+
+<style>
+
+</style>

src/components/albums/AlbumList.vue

@@ -21,9 +21,11 @@ export default {
       api.saveRelease(release)
         .then(releases => {
           this.releases = releases.results;
+          this.$router.push('/profile');
         }).catch(err => {
           console.log(err);
         });
+
     },
 
   }

src/components/profiles/Profile.vue

@@ -1,6 +1,5 @@
 <template>
   <div class="badges-container">
-    <h2>My Badges</h2>
     <div class="badges">
     <!-- <v-container>
      <v-layout align-center justify-space-around>
@@ -14,7 +13,8 @@
     </div>
 
     <section>
-      <h2>My favorite artists</h2>
+    <Loading :loading="loading"/>
+      <h2>MY FAVORITE ALBUM & ARTISTS</h2>
       <ul>
         <FavoriteArtists v-for="favorite in favorites"
           :key="favorite.album"
@@ -23,27 +23,30 @@
          />
       </ul>
     </section>
-
     <RouterLink to="/search">Back to Search</RouterLink>
   </div>
 </template>
 
 <script>
 import api from '../../services/api.js';
 import FavoriteArtists from './FavoriteArtists';
+import Loading from '../shared/Loading';
 export default {
   data() {
     return {
+      loading: true,
       favorites: []
     };
   },
   components: {
-    FavoriteArtists
+    FavoriteArtists,
+    Loading
   },
   created() {
     api.getFavorites()
       .then(favorites => {
         this.favorites = favorites;
+        this.loading = false;
       })
       .catch(err => {
         this.error = err;