From 6a4ee703dc759b0173b43303213e5a8cb6ba4d99 Mon Sep 17 00:00:00 2001
From: Alban Mouton <alban.mouton@gmail.com>
Date: Wed, 11 Dec 2024 16:57:54 +0100
Subject: [PATCH] fix: some UI problems

---
 .../components/organization-departments.vue   |  5 +++--
 ui/src/components/organization-partners.vue   | 22 ++++++++++---------
 .../components/resend-partner-invitation.vue  | 12 +++++-----
 ui/src/composables/use-store.ts               |  6 ++---
 4 files changed, 24 insertions(+), 21 deletions(-)

diff --git a/ui/src/components/organization-departments.vue b/ui/src/components/organization-departments.vue
index abf11141..96e5c160 100644
--- a/ui/src/components/organization-departments.vue
+++ b/ui/src/components/organization-departments.vue
@@ -52,6 +52,7 @@
           v-model="sort"
           :items="sortItems"
           name="sort"
+          density="comfortable"
           :prepend-inner-icon="mdiSort"
           @update:model-value="filterDeps"
         />
@@ -136,8 +137,8 @@ const refreshingDepartment = ref<string | null>(null)
 const timestamp = ref(new Date().getTime())
 const sort = ref('creation')
 const sortItems = [
-  { text: t('pages.organization.depSortCreation'), value: 'creation' },
-  { text: t('pages.organization.depSortAlpha'), value: 'alpha' }
+  { title: t('pages.organization.depSortCreation'), value: 'creation' },
+  { title: t('pages.organization.depSortAlpha'), value: 'alpha' }
 ]
 
 const writableDepartments = computed(() => isAdminOrga && !$uiConfig.readonly)
diff --git a/ui/src/components/organization-partners.vue b/ui/src/components/organization-partners.vue
index 6608eef7..d1675722 100644
--- a/ui/src/components/organization-partners.vue
+++ b/ui/src/components/organization-partners.vue
@@ -80,16 +80,18 @@
             {{ $t('common.createdAt') }} {{ $d(new Date(partner.createdAt)) }}
           </v-list-item-subtitle>
 
-          <v-list-item-action
-            v-if="writablePartners"
-            class="ml-0"
-          >
-            <delete-partner-menu
-              :orga="orga"
-              :partner="partner"
-              @change="$emit('change')"
-            />
-          </v-list-item-action>
+          <template #append>
+            <v-list-item-action
+              v-if="writablePartners"
+              class="ml-0"
+            >
+              <delete-partner-menu
+                :orga="orga"
+                :partner="partner"
+                @change="$emit('change')"
+              />
+            </v-list-item-action>
+          </template>
         </v-list-item>
         <v-divider
           v-if="currentPage && currentPage.length > i + 1"
diff --git a/ui/src/components/resend-partner-invitation.vue b/ui/src/components/resend-partner-invitation.vue
index e1764491..596493c1 100644
--- a/ui/src/components/resend-partner-invitation.vue
+++ b/ui/src/components/resend-partner-invitation.vue
@@ -5,15 +5,13 @@
   >
     <template #activator="{props}">
       <v-btn
-        icon
+        :icon="mdiSend"
         color="warning"
+        variant="text"
         size="small"
         :title="$t('pages.organization.sendInvitationLink')"
-
         v-bind="props"
-      >
-        <v-icon :icon="mdiSend" />
-      </v-btn>
+      />
     </template>
     <v-card
       v-if="menu"
@@ -83,7 +81,7 @@ const { orga, partner } = defineProps({
 })
 const emit = defineEmits(['change'])
 
-const { redirects } = useStore()
+const { sitesFetch, redirects } = useStore()
 const redirect = useStringSearchParam('redirect')
 const { sendUiNotif } = useUiNotif()
 const { t } = useI18n()
@@ -91,6 +89,8 @@ const { t } = useI18n()
 const menu = ref(false)
 const editPartner = ref({ ...partner })
 
+sitesFetch.refresh()
+
 const confirmInvitation = withUiNotif(async () => {
   menu.value = false
   await $fetch(`organizations/${orga.id}/partners`, { method: 'POST', body: { name: editPartner.value.name, contactEmail: editPartner.value.contactEmail, redirect: redirect.value } })
diff --git a/ui/src/composables/use-store.ts b/ui/src/composables/use-store.ts
index 4a7f5754..3c0b6c2d 100644
--- a/ui/src/composables/use-store.ts
+++ b/ui/src/composables/use-store.ts
@@ -39,10 +39,10 @@ function createStore () {
 
   const redirects = computed(() => {
     if (!sitesFetch.data.value) return
-    const redirects: { text: string, value: string }[] = [{ text: mainPublicUrl.host, value: mainRedirect.value }]
-      .concat(sitesFetch.data.value.results.map(site => ({ text: site.host, value: 'https://' + site.host + '/me/account' })))
+    const redirects: { title: string, value: string }[] = [{ title: mainPublicUrl.host, value: mainRedirect.value }]
+      .concat(sitesFetch.data.value.results.map(site => ({ title: site.host, value: 'https://' + site.host + '/me/account' })))
     if (mainPublicUrl.host !== host && !sitesFetch.data.value.results.find(site => site.host === host)) {
-      redirects.push({ text: host, value: 'https://' + host + '/me/account' })
+      redirects.push({ title: host, value: 'https://' + host + '/me/account' })
     }
     return redirects
   })