From 6d06d9514dda51eee07898a642413a3292ed28a9 Mon Sep 17 00:00:00 2001
From: ArneBo <arne@ecobasa.org>
Date: Fri, 13 Dec 2024 12:30:58 +0100
Subject: [PATCH] fix(ui): fixing errors

---
 front/src/components/auth/Settings.vue    | 2 +-
 front/src/components/library/Podcasts.vue | 1 -
 front/src/components/ui/Pill.vue          | 2 +-
 front/src/ui/components/Sidebar.vue       | 6 +++---
 front/src/views/content/upload/Home.vue   | 4 +---
 5 files changed, 6 insertions(+), 9 deletions(-)

diff --git a/front/src/components/auth/Settings.vue b/front/src/components/auth/Settings.vue
index 66a39da4a..4e9f050dd 100644
--- a/front/src/components/auth/Settings.vue
+++ b/front/src/components/auth/Settings.vue
@@ -338,7 +338,7 @@ fetchOwnedApps()
             />
           </div>
           <Button
-            is-loading="true"
+            :is-loading="isLoading"
             type="submit"
           >
             {{ t('components.auth.Settings.button.updateSettings') }}
diff --git a/front/src/components/library/Podcasts.vue b/front/src/components/library/Podcasts.vue
index cfda4cc0e..f0fe86c90 100644
--- a/front/src/components/library/Podcasts.vue
+++ b/front/src/components/library/Podcasts.vue
@@ -260,7 +260,6 @@ const paginateOptions = computed(() => sortedUniq([12, 30, 50, paginateBy.value]
     <Modal
       v-model:show="showSubscribeModal"
       title="t('components.library.Podcasts.modal.subscription.header')"
-      <!-- class="tiny" TODO: check if necessary -->
     >
       <div
         ref="modalContent"
diff --git a/front/src/components/ui/Pill.vue b/front/src/components/ui/Pill.vue
index fbf9b812b..e0e283e4e 100644
--- a/front/src/components/ui/Pill.vue
+++ b/front/src/components/ui/Pill.vue
@@ -22,7 +22,7 @@ const handleClick = (event: MouseEvent) => {
       <slot name="image" />
     </div>
     <div class="pill-content">
-      <slot />
+      <slot name="pill-content" />
     </div>
   </button>
 </template>
diff --git a/front/src/ui/components/Sidebar.vue b/front/src/ui/components/Sidebar.vue
index 0c1160964..a6fcc524c 100644
--- a/front/src/ui/components/Sidebar.vue
+++ b/front/src/ui/components/Sidebar.vue
@@ -38,9 +38,9 @@ const uploads = useUploadsStore()
           color="secondary"
           variant="ghost"
         />
-
+        //TODO: Replace button with link because navigate is not working on new Button
         <RouterLink to="/upload" custom v-slot="{ navigate, isExactActive }">
-          <Button
+          <button
             icon="bi:upload"
             color="secondary"
             variant="ghost"
@@ -59,7 +59,7 @@ const uploads = useUploadsStore()
                 />
               </div>
             </Transition>
-          </Button>
+          </button>
         </RouterLink>
 
         <Button
diff --git a/front/src/views/content/upload/Home.vue b/front/src/views/content/upload/Home.vue
index 2f60839a1..057eaba10 100644
--- a/front/src/views/content/upload/Home.vue
+++ b/front/src/views/content/upload/Home.vue
@@ -68,14 +68,12 @@ fetchLibraries()
 fetchChannels()
 
 const libraryCreated = (library: Library) => {
-  router.SpEush({ name: 'library.detail', params: { id: library.uuid } })
+  router.push({ name: 'library.detail', params: { id: library.uuid } })
 }
 
 // LIBRARIES END
 
 
-const { t } = useI18n()
-
 const labels = computed(() => ({
   title: t('views.content.Home.title')
 }))