From 8686b28c2881331acad4ae869a0978b70ef8dec4 Mon Sep 17 00:00:00 2001
From: Prospector <prospectordev@gmail.com>
Date: Wed, 21 Aug 2024 09:29:55 -0700
Subject: [PATCH] Fix collections button tooltip

---
 apps/frontend/src/pages/[type]/[id].vue | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/apps/frontend/src/pages/[type]/[id].vue b/apps/frontend/src/pages/[type]/[id].vue
index a5a8ea139..ab805c82c 100644
--- a/apps/frontend/src/pages/[type]/[id].vue
+++ b/apps/frontend/src/pages/[type]/[id].vue
@@ -515,8 +515,15 @@
                 </nuxt-link>
               </ButtonStyled>
               <ButtonStyled size="large" circular>
-                <PopoutMenu v-if="auth.user" from="top-right">
-                  <BookmarkIcon aria-hidden="true" />
+                <PopoutMenu v-if="auth.user" v-tooltip="'Save'" from="top-right">
+                  <BookmarkIcon
+                    aria-hidden="true"
+                    :fill="
+                      collections.some((x) => x.projects.includes(project.id))
+                        ? 'currentColor'
+                        : 'none'
+                    "
+                  />
                   <template #menu>
                     <input
                       v-model="displayCollectionsSearch"
@@ -526,7 +533,9 @@
                     />
                     <div v-if="collections.length > 0" class="collections-list">
                       <Checkbox
-                        v-for="option in collections"
+                        v-for="option in collections
+                          .slice()
+                          .sort((a, b) => a.name.localeCompare(b.name))"
                         :key="option.id"
                         :model-value="option.projects.includes(project.id)"
                         class="popout-checkbox"