Fix add to collections

frontend/src/components/collections/AddToCollections.vue

@@ -78,25 +78,27 @@
   </div>
 </template>
 <script setup>
-  import { ref, watch } from 'vue'
+  import { ref, watch, onMounted } from 'vue'
   import { ElMessage } from 'element-plus'
   import { useI18n } from 'vue-i18n'
   import useFetchApi from '../../packs/useFetchApi';
   import useUserStore from '../../stores/UserStore.js'
+  import { useCookies } from 'vue3-cookies'
 
   const userStore = useUserStore()
   const { t } = useI18n()
+  const { cookies } = useCookies()
 
   const props = defineProps({
-    repoId: String,
-    userName: String
+    repoId: String
   })
+  const currentUser = ref(cookies.get('current_user'))
   const dialogVisible = ref(false)
   const collectionsList = ref([])
   const collectionsIdsInput = ref('')
   const isLogged =ref(false)
   const fetchCollectionsList = async () => {
-    const url = `/user/${props.userName}/collections`
+    const url = `/user/${currentUser.value}/collections`
     const { data, error } = await useFetchApi(url).json()
     const json = data.value
     if (json) {
@@ -150,8 +152,10 @@
     isLogged.value = userStore.isLoggedIn
   })
 
-  watch(() => props.userName, () => {
-    fetchCollectionsList()
+  onMounted(() => {
+    if(currentUser.value){
+      fetchCollectionsList()
+    }    
   })
 </script>
 <style scoped>

frontend/src/components/shared/RepoClone.vue

@@ -2,7 +2,7 @@
   <div
     class="flex flex-wrap items-center gap-4 md:relative md:pl-5 md:pb-4 z-10"
   >
-    <AddToCollections v-if="showAddToCollections" :repoId="repo.repository_id" :userName="userName" />
+    <AddToCollections v-if="showAddToCollections" :repoId="repo.repository_id" />
     <!-- multi-source sync button -->
     <el-button
       v-if="showSyncButton"