change map and add join method

src/client/js/components/PageEditor/GridEditModal.jsx

@@ -47,7 +47,7 @@ export default class GridEditModal extends React.PureComponent {
   pasteCodedGrid() {
     // dummy data
     const convertedHTML = geu.convertRatiosAndSizeToHTML([1, 5, 6], 'sm');
-    const pastedGridData = `::: editable-row\n<div class="container">\n\t<div class="row">\n\t${convertedHTML}\t</div>\n</div>\n:::`;
+    const pastedGridData = `::: editable-row\n<div class="container">\n\t<div class="row">\n${convertedHTML}\n\t</div>\n</div>\n:::`;
     // display converted html on console
     console.log(convertedHTML);
 

src/client/js/components/PageEditor/GridEditorUtil.js

@@ -115,13 +115,11 @@ class GridEditorUtil {
   }
 
   convertRatiosAndSizeToHTML(ratioNumbers, responsiveSize) {
-    let cols = '';
-    ratioNumbers.map((ratioNumber, i) => {
+    const cols = ratioNumbers.map((ratioNumber, i) => {
       const className = `col${responsiveSize !== 'xs' ? `-${responsiveSize}` : ''}-${ratioNumber} bsGrid${i + 1}`;
-      cols += `<div class="${className}"></div>\n`;
-      return;
+      return `<div class="${className}"></div>`;
     });
-    return cols;
+    return cols.join('\n');
   }
 
 }