From 9baef6f20cbab42b1d1c16dc1942f66149b81a38 Mon Sep 17 00:00:00 2001
From: Rajat Talesra <rajat@forem.com>
Date: Wed, 5 Oct 2022 15:18:15 +0530
Subject: [PATCH] Fixed quotations issue (#18536)

---
 app/javascript/responseTemplates/responseTemplates.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/javascript/responseTemplates/responseTemplates.js b/app/javascript/responseTemplates/responseTemplates.js
index 3e99e031b..ca8627c2d 100644
--- a/app/javascript/responseTemplates/responseTemplates.js
+++ b/app/javascript/responseTemplates/responseTemplates.js
@@ -26,6 +26,7 @@ function buildHTML(response, typeOf) {
   if (typeOf === 'personal_comment') {
     return response
       .map((obj) => {
+        const content = obj.content.replaceAll('"', '&quot;');
         return `
           <div class="mod-response-wrapper flex mb-4">
             <div class="flex-1">
@@ -33,7 +34,7 @@ function buildHTML(response, typeOf) {
               <p>${obj.content}</p>
             </div>
             <div class="pl-2">
-              <button class="crayons-btn crayons-btn--secondary crayons-btn--s insert-template-button" type="button" data-content="${obj.content}">Insert</button>
+              <button class="crayons-btn crayons-btn--secondary crayons-btn--s insert-template-button" type="button" data-content="${content}">Insert</button>
             </div>
           </div>
         `;
@@ -43,6 +44,7 @@ function buildHTML(response, typeOf) {
   if (typeOf === 'mod_comment') {
     return response
       .map((obj) => {
+        const content = obj.content.replaceAll('"', '&quot;');
         return `
             <div class="mod-response-wrapper mb-4 flex">
               <div class="flex-1">
@@ -51,7 +53,7 @@ function buildHTML(response, typeOf) {
               </div>
               <div class="flex flex-nowrap pl-2">
                 <button class="crayons-btn crayons-btn--s crayons-btn--secondary moderator-submit-button m-1" type="submit" data-response-template-id="${obj.id}">Send as Mod</button>
-                <button class="crayons-btn crayons-btn--s crayons-btn--outlined insert-template-button m-1" type="button" data-content="${obj.content}">Insert</button>
+                <button class="crayons-btn crayons-btn--s crayons-btn--outlined insert-template-button m-1" type="button" data-content="${content}">Insert</button>
               </div>
             </div>
           `;