user dashboard added

S-kus · Mar 29, 2022 · 21d29e7 · 21d29e7
1 parent 3f7892c
commit 21d29e7
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 14 deletions.
diff --git a/project-tech/src/components/Navbar.vue b/project-tech/src/components/Navbar.vue
@@ -5,6 +5,7 @@
       <h1><router-link :to="{ name: 'Home' }">Project.Tech</router-link></h1>
       <div class="links">
         <div v-if="user">
+          <router-link :to="{ name: 'Home'}">Home</router-link>
           <router-link :to="{ name: 'CreateProjectlist' }">Create Projectlist</router-link>
           <router-link :to="{ name: 'UserProjectlists' }">My Projectlists</router-link>
           <span>Hi there, {{ user.displayName }}</span>

diff --git a/project-tech/src/composables/getCollection.js b/project-tech/src/composables/getCollection.js
@@ -1,7 +1,7 @@
 import { ref, watchEffect } from 'vue'
 import { projectFirestore } from '../firebase/config'
 
-const getCollection = (collection) => {
+const getCollection = (collection, query) => {
 
   const documents = ref(null)
   const error = ref(null)
@@ -10,6 +10,10 @@ const getCollection = (collection) => {
   let collectionRef = projectFirestore.collection(collection)
     .orderBy('createdAt')
 
+  if (query) {
+    collectionRef = collectionRef.where(...query)
+  }
+
   const unsub = collectionRef.onSnapshot(snap => {
     let results = []
     snap.docs.forEach(doc => {

diff --git a/project-tech/src/views/projectlists/UserProjectlists.vue b/project-tech/src/views/projectlists/UserProjectlists.vue
@@ -1,10 +1,10 @@
 <template>
   <div class="user-playlists">
-    <h2>My Playlists</h2>
-    <!-- <div v-if="playlists">
-      <ListView :playlists="playlists" />
+    <h2>My Projectlists</h2>
+    <div v-if="projectlists">
+      <ListView :projectlists="projectlists" />
     </div>
-    <router-link :to="{ name: 'CreatePlaylist' }" class="btn">Create a New Playlist</router-link> -->
+    <router-link :to="{ name: 'CreateProjectlist' }" class="btn">Create a New Projectlist</router-link>
   </div>
 </template>
 
@@ -14,16 +14,16 @@ import getCollection from '@/composables/getCollection'
 import ListView from '@/components/ListView.vue'
 
 export default {
-//   components: { ListView },
-//   setup() {
-//     const { user } = getUser()
-//     const { documents: playlists } = getCollection(
-//       'playlists', 
-//       ['userId', '==', user.value.uid]
-//     )
+  components: { ListView },
+  setup() {
+    const { user } = getUser()
+    const { documents: projectlists } = getCollection(
+      'projectlists', 
+      ['userId', '==', user.value.uid]
+    )
 
-//     return { playlists }
-//   }
+    return { projectlists }
+  }
 }
 </script>