From 816c65df2d18af180ac15740de1d57e853951e60 Mon Sep 17 00:00:00 2001
From: iamsivin <iamsivin@gmail.com>
Date: Wed, 6 Nov 2024 23:04:53 +0530
Subject: [PATCH] chore: Sort labels

---
 .../Contacts/ContactLabels/ContactLabels.vue  | 20 ++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/app/javascript/dashboard/components-next/Contacts/ContactLabels/ContactLabels.vue b/app/javascript/dashboard/components-next/Contacts/ContactLabels/ContactLabels.vue
index 65405e39c..2078b2290 100644
--- a/app/javascript/dashboard/components-next/Contacts/ContactLabels/ContactLabels.vue
+++ b/app/javascript/dashboard/components-next/Contacts/ContactLabels/ContactLabels.vue
@@ -30,15 +30,17 @@ const savedLabels = computed(() => {
 });
 
 const labelMenuItems = computed(() => {
-  return allLabels.value.map(label => ({
-    label: label.title,
-    value: label.id,
-    thumbnail: { name: label.title, color: label.color },
-    isSelected: savedLabels.value.some(
-      savedLabel => savedLabel.id === label.id
-    ),
-    action: 'addLabel',
-  }));
+  return allLabels.value
+    ?.map(label => ({
+      label: label.title,
+      value: label.id,
+      thumbnail: { name: label.title, color: label.color },
+      isSelected: savedLabels.value.some(
+        savedLabel => savedLabel.id === label.id
+      ),
+      action: 'addLabel',
+    }))
+    .toSorted((a, b) => Number(a.isSelected) - Number(b.isSelected));
 });
 
 const fetchLabels = async contactId => {