fix: add shortcut for customer side also

Author: RitvikSardana

desk/src/pages/TicketCustomer.vue

@@ -29,7 +29,11 @@
         <TicketCustomerTemplateFields v-if="isMobileView" />
 
         <TicketConversation class="grow" />
-        <div class="m-5">
+        <div
+          class="m-5"
+          @keydown.ctrl.enter.capture.stop="sendEmail"
+          @keydown.meta.enter.capture.stop="sendEmail"
+        >
           <TicketTextEditor
             v-if="showEditor"
             ref="editor"
@@ -46,7 +50,8 @@
                 theme="gray"
                 variant="solid"
                 :disabled="$refs.editor.editor.isEmpty || send.loading"
-                @click="() => send.submit()"
+                :loading="send.loading"
+                @click="sendEmail"
               />
             </template>
           </TicketTextEditor>
@@ -61,7 +66,7 @@
 
 <script setup lang="ts">
 import { computed, onMounted, onUnmounted, provide, ref } from "vue";
-import { createResource, Button, Breadcrumbs } from "frappe-ui";
+import { createResource, Button, Breadcrumbs, confirmDialog } from "frappe-ui";
 import { Icon } from "@iconify/vue";
 import { useError } from "@/composables/error";
 import TicketConversation from "./ticket/TicketConversation.vue";
@@ -70,14 +75,12 @@ import TicketFeedback from "./ticket/TicketFeedback.vue";
 import TicketTextEditor from "./ticket/TicketTextEditor.vue";
 import { ITicket } from "./ticket/symbols";
 import { useRouter } from "vue-router";
-import { createToast } from "@/utils";
+import { createToast, isContentEmpty, setupCustomActions } from "@/utils";
 import { socket } from "@/socket";
 import { LayoutHeader } from "@/components";
 import TicketCustomerSidebar from "@/components/ticket/TicketCustomerSidebar.vue";
 import { useScreenSize } from "@/composables/screen";
 import { useConfigStore } from "@/stores/config";
-import { confirmDialog } from "frappe-ui";
-import { setupCustomActions } from "@/utils";
 interface P {
   ticketId: string;
 }
@@ -142,6 +145,13 @@ function updateField(name, value, callback = () => {}) {
   callback();
 }
 
+function sendEmail() {
+  if (isContentEmpty(editorContent.value) || send.loading) {
+    return;
+  }
+  send.submit();
+}
+
 function updateTicket(fieldname: string, value: string) {
   createResource({
     url: "frappe.client.set_value",

desk/src/pages/ticket/TicketCommunication.vue

@@ -11,8 +11,8 @@
         </Tooltip>
       </div>
     </div>
-    <!-- eslint-disable-next-line vue/no-v-html -->
-    <div class="prose-f" v-html="sanitize(content)"></div>
+
+    <EmailContent :content="sanitize(content)" />
     <div class="flex flex-wrap gap-2 mb-2">
       <AttachmentItem
         v-for="a in attachments"