refactor: update AssignTo component to use correct doctype for CRM Deal

frontend/src/components/AssignTo.vue

@@ -1,13 +1,15 @@
 <template>
   <NestedPopover>
     <template #target>
-      <component
-        v-if="assignees?.length"
-        :is="assignees?.length == 1 ? 'Button' : 'div'"
-      >
-        <MultipleAvatar :avatars="assignees" />
-      </component>
-      <Button v-else :label="__('Assign to')" />
+      <div class="flex items-center">
+        <component
+          v-if="assignees?.length"
+          :is="assignees?.length == 1 ? 'Button' : 'div'"
+        >
+          <MultipleAvatar :avatars="assignees" />
+        </component>
+        <Button v-else :label="__('Assign to')" />
+      </div>
     </template>
     <template #body="{ open }">
       <AssignToBody

frontend/src/components/AssignToBody.vue

@@ -1,6 +1,6 @@
 <template>
   <div
-    class="flex flex-col gap-2 my-2 w-96 rounded-lg bg-surface-modal shadow-2xl ring-1 ring-black p-3 ring-opacity-5 focus:outline-none"
+    class="flex flex-col gap-2 my-2 w-[470px] rounded-lg bg-surface-modal shadow-2xl ring-1 ring-black p-3 ring-opacity-5 focus:outline-none"
   >
     <div class="text-base text-ink-gray-5">{{ __('Assign to') }}</div>
     <Link
@@ -27,7 +27,7 @@
           >
             <div>
               <div
-                class="flex items-center text-sm text-ink-gray-6 border border-outline-gray-1 bg-surface-white rounded-full hover:bg-surface-white !p-0.5"
+                class="flex items-center text-sm p-0.5 text-ink-gray-6 border border-outline-gray-1 bg-surface-modal rounded-full cursor-pointer"
                 @click.stop
               >
                 <UserAvatar :user="assignee.name" size="sm" />
@@ -198,7 +198,6 @@ const addAssignees = createResource({
   }),
   onSuccess: () => {
     capture('assign_to', { doctype: props.doctype })
-    toast.success(__('Assignees added successfully.'))
   },
 })
 
@@ -209,8 +208,5 @@ const removeAssignees = createResource({
     name: props.docname,
     assignees: removedAssignees,
   }),
-  onSuccess: () => {
-    toast.success(__('Assignees removed successfully.'))
-  },
 })
 </script>

frontend/src/pages/Deal.vue

@@ -16,7 +16,7 @@
         v-if="document.actions?.length"
         :actions="document.actions"
       />
-      <AssignTo v-model="assignees.data" doctype="CRM Lead" :docname="dealId" />
+      <AssignTo v-model="assignees.data" doctype="CRM Deal" :docname="dealId" />
       <Dropdown
         v-if="doc"
         :options="

frontend/src/pages/MobileDeal.vue

@@ -42,7 +42,7 @@
     v-if="doc.name"
     class="flex h-12 items-center justify-between gap-2 border-b px-3 py-2.5"
   >
-    <AssignTo v-model="assignees.data" doctype="CRM Lead" :docname="dealId" />
+    <AssignTo v-model="assignees.data" doctype="CRM Deal" :docname="dealId" />
     <div class="flex items-center gap-2">
       <CustomActions
         v-if="document._actions?.length"