From 07e1679e1b2518c86ccea4007ad1cb11161ef6ff Mon Sep 17 00:00:00 2001
From: ArneBo <arne@ecobasa.org>
Date: Thu, 13 Feb 2025 22:24:47 +0100
Subject: [PATCH] fix(front): hide buttons if user is not logged in

---
 front/src/components/library/Radios.vue | 23 ++++++++++++++---------
 front/src/views/playlists/List.vue      |  5 +++++
 2 files changed, 19 insertions(+), 9 deletions(-)

diff --git a/front/src/components/library/Radios.vue b/front/src/components/library/Radios.vue
index ba5f3693c..54bae9d6c 100644
--- a/front/src/components/library/Radios.vue
+++ b/front/src/components/library/Radios.vue
@@ -21,6 +21,7 @@ import RadioCard from '~/components/radios/Card.vue'
 import Button from '~/components/ui/Button.vue'
 import Alert from '~/components/ui/Alert.vue'
 import Input from '~/components/ui/Input.vue'
+import Link from '~/components/ui/Link.vue'
 import Spacer from '~/components/ui/Spacer.vue'
 
 import useSharedLabels from '~/composables/locale/useSharedLabels'
@@ -143,15 +144,19 @@ const paginateOptions = computed(() => sortedUniq([12, 25, 50, paginateBy.value]
           :type="'less-listened_library'"
         />
     </Section>
-    <Section
-      alignLeft
-      no-items
-      solid
-      primary
-      icon="bi-plus"
-      :h2="t('components.library.Radios.header.user')"
-      :action="{ text:t('components.library.Radios.button.create'), to:'/library/radios/build' }"
-    />
+    <h2>
+      {{ t('components.library.Radios.header.user') }}
+      <Link
+        v-if="store.state.auth.authenticated"
+        class="floated right"
+        solid
+        primary
+        icon="bi-plus"
+        :to="{name: 'library.radios.build'}"
+      >
+        {{ t('components.library.Radios.button.create') }}
+      </Link>
+    </h2>
     <Layout flex form
       :class="['ui', {'loading': isLoading}, 'form']"
       @submit.prevent="search"
diff --git a/front/src/views/playlists/List.vue b/front/src/views/playlists/List.vue
index 840bdff9a..f55147151 100644
--- a/front/src/views/playlists/List.vue
+++ b/front/src/views/playlists/List.vue
@@ -114,6 +114,7 @@ const paginateOptions = computed(() => sortedUniq([12, 30, 50, paginateBy.value]
 <template>
   <Layout stack main>
     <Header
+      v-if="store.state.auth.authenticated"
       :h1="t('views.playlists.List.header.browse')"
       :action="{
         onClick: () => { store.commit('playlists/showModal', true) },
@@ -123,6 +124,10 @@ const paginateOptions = computed(() => sortedUniq([12, 30, 50, paginateBy.value]
       primary
       :aria-pressed="store.state.playlists.showModal"
     />
+    <Header
+      v-else
+      :h1="t('views.playlists.List.header.browse')"
+    />
     <Layout form flex
       :class="['ui', {'loading': isLoading}, 'form']"
       @submit.prevent="search"