From d671bb4315a6dd18774720d91930a1da521b1b96 Mon Sep 17 00:00:00 2001
From: "Edward Tirado Jr." <ed@etdevelopment.net>
Date: Sat, 18 Apr 2026 00:41:49 -0500
Subject: [PATCH] hid the delete button from everyone but the owner of the list

---
 app/components/list-settings.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/app/components/list-settings.vue b/app/components/list-settings.vue
index d03892b..5e2f5b6 100644
--- a/app/components/list-settings.vue
+++ b/app/components/list-settings.vue
@@ -55,6 +55,8 @@ const deleteList = () => {
 
 const roles = ref<Role[]>([])
 
+const isOwner = computed(() => props.list.role === 'OWNER');
+
 const getRoles = () => {
   return $api<ResourceResponse<Role[]>>(`/api/roles`, {
     method: 'GET'
@@ -127,7 +129,7 @@ getRoles()
           <span v-if="responseMessage">{{ responseMessage }}</span>
         </form>
       </li>
-      <li class="list-setting">
+      <li v-if="isOwner" class="list-setting">
         <label for="delete-list-button">Delete MovieList</label>
         <ButtonAction button-color="danger" button-text="Delete" @action="deleteList"/>
       </li>