From b27d2820036f53365dff9510d1a2b176b4a1f035 Mon Sep 17 00:00:00 2001
From: Mazarin <djaiss@users.noreply.github.com>
Date: Tue, 21 Mar 2023 08:11:35 -0400
Subject: [PATCH] feat: avoid showing an empty dropdown when no slice of life
 defined (#446)

---
 .../js/Pages/Vault/Journal/Post/Partials/SlicesOfLife.vue     | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/resources/js/Pages/Vault/Journal/Post/Partials/SlicesOfLife.vue b/resources/js/Pages/Vault/Journal/Post/Partials/SlicesOfLife.vue
index ab7a9fe55..cf67f35aa 100644
--- a/resources/js/Pages/Vault/Journal/Post/Partials/SlicesOfLife.vue
+++ b/resources/js/Pages/Vault/Journal/Post/Partials/SlicesOfLife.vue
@@ -65,7 +65,7 @@ const reset = () => {
       <span>Slices of life</span>
 
       <span
-        v-if="!editSlicesModalShown"
+        v-if="!editSlicesModalShown && localSlices.length > 0"
         class="relative cursor-pointer text-xs text-gray-600 dark:text-gray-400"
         @click="showSliceModal">
         {{ $t('app.edit') }}
@@ -82,7 +82,7 @@ const reset = () => {
 
     <!-- edit slice of life -->
     <div
-      v-if="editSlicesModalShown"
+      v-if="editSlicesModalShown && localSlices.length > 0"
       class="bg-form mb-6 rounded-lg border border-gray-200 dark:border-gray-700 dark:bg-gray-900">
       <form @submit.prevent="update()">
         <div class="border-b border-gray-200 p-2 dark:border-gray-700">