From cdb7fa186a98ff233d41e2512c21b4a4d7766719 Mon Sep 17 00:00:00 2001
From: "Edward Tirado Jr." <ed@etdevelopment.net>
Date: Wed, 8 Apr 2026 19:27:20 -0500
Subject: [PATCH] added empty collaborator handling, hid feed, and fixed some
 minor styling

---
 app/components/forms/create-list-form.vue | 1 +
 app/components/header.vue                 | 2 +-
 app/components/list-settings.vue          | 3 ++-
 app/composables/useAuth.ts                | 2 +-
 4 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/app/components/forms/create-list-form.vue b/app/components/forms/create-list-form.vue
index a2e0e22..625d20b 100644
--- a/app/components/forms/create-list-form.vue
+++ b/app/components/forms/create-list-form.vue
@@ -36,6 +36,7 @@ const createList = () => {
 form {
   display: flex;
   flex-direction: column;
+  gap: 0.5rem;
 }
 
 
diff --git a/app/components/header.vue b/app/components/header.vue
index 5744a46..26bbfd4 100644
--- a/app/components/header.vue
+++ b/app/components/header.vue
@@ -3,7 +3,7 @@
 <template>
   <nav class="header">
     <span class="logo">
-      <NuxtLink to="/">
+      <NuxtLink to="/lists">
       Movie Night
       </NuxtLink>
     </span>
diff --git a/app/components/list-settings.vue b/app/components/list-settings.vue
index 15b3cc6..574c465 100644
--- a/app/components/list-settings.vue
+++ b/app/components/list-settings.vue
@@ -86,7 +86,8 @@ const deleteList = () => {
           </ul>
         </details>
 
-        <ul class="collaborators">
+        <div v-if="!list.collaborators.length">No collaborators found</div>
+        <ul v-else class="collaborators">
           <li v-for="collaborator in list.collaborators" :key="collaborator.id">
             <span>{{ collaborator.username }}</span>
             <select v-model="collaborator.role">
diff --git a/app/composables/useAuth.ts b/app/composables/useAuth.ts
index 222f0ca..a16d40f 100644
--- a/app/composables/useAuth.ts
+++ b/app/composables/useAuth.ts
@@ -7,7 +7,7 @@ export const useAuth = () => {
             credentials: 'include',
         })
         await $api('/api/login', {method: 'POST', body: {email, password}})
-        await navigateTo('/')
+        await navigateTo('/lists')
     }
 
     const register = async (email: string, username: string) => {