Merge branch 'feat/contacts-redesign' into feat/compose-new-conversation

app/javascript/dashboard/components-next/Contacts/ContactsCard/ContactsCard.vue

@@ -38,14 +38,16 @@ const onClickViewDetails = async () => {
           <span class="text-sm font-medium truncate text-n-slate-12">
             {{ name }}
           </span>
-          <template v-if="additionalAttributes?.companyName">
-            <span class="text-sm text-n-slate-11">
-              {{ t('CONTACTS_LAYOUT.CARD.OF') }}
-            </span>
-            <span class="text-sm font-medium truncate text-n-slate-12">
-              {{ additionalAttributes.companyName }}
-            </span>
-          </template>
+          <span
+            v-if="additionalAttributes?.companyName"
+            class="i-lucide-briefcase-business size-4 text-n-slate-11"
+          />
+          <span
+            v-if="additionalAttributes?.companyName"
+            class="text-sm truncate text-n-slate-11"
+          >
+            {{ additionalAttributes.companyName }}
+          </span>
         </div>
         <div class="flex items-center gap-3">
           <span v-if="email" class="text-sm text-n-slate-11">{{ email }}</span>

app/javascript/dashboard/components-next/Contacts/Pages/ContactDetails.vue

@@ -63,7 +63,7 @@ const updateContact = async updatedData => {
 
 const handleFormUpdate = debounce(
   updatedData => updateContact(updatedData),
-  500,
+  600,
   false
 );
 

app/javascript/dashboard/components-next/Contacts/Pages/ContactsList.vue

@@ -27,7 +27,7 @@ const updateContact = async ({ id, updatedData }) => {
 
 const handleFormUpdate = debounce(
   ({ id, updatedData }) => updateContact({ id, updatedData }),
-  500,
+  600,
   false
 );
 

app/javascript/dashboard/components-next/label/story/fixtures.js

@@ -9,7 +9,6 @@ export const labelMenuItems = [
     label: 'delivery',
     value: 3,
     thumbnail: {
-      name: 'delivery',
       color: '#A2FDD5',
     },
     isSelected: true,
@@ -19,7 +18,6 @@ export const labelMenuItems = [
     label: 'lead',
     value: 6,
     thumbnail: {
-      name: 'lead',
       color: '#F161C8',
     },
     isSelected: false,
@@ -29,7 +27,6 @@ export const labelMenuItems = [
     label: 'ops-handover',
     value: 4,
     thumbnail: {
-      name: 'ops-handover',
       color: '#A53326',
     },
     isSelected: false,
@@ -39,7 +36,6 @@ export const labelMenuItems = [
     label: 'billing',
     value: 1,
     thumbnail: {
-      name: 'billing',
       color: '#28AD21',
     },
     isSelected: false,
@@ -49,7 +45,6 @@ export const labelMenuItems = [
     label: 'premium-customer',
     value: 5,
     thumbnail: {
-      name: 'premium-customer',
       color: '#6FD4EF',
     },
     isSelected: false,
@@ -59,7 +54,6 @@ export const labelMenuItems = [
     label: 'software',
     value: 2,
     thumbnail: {
-      name: 'software',
       color: '#8F6EF2',
     },
     isSelected: false,