fix feed back

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

@@ -76,14 +76,18 @@ export default class GridEditModal extends React.Component {
     return colsRatios.join(' - ');
   }
 
-  renderSelectedBreakPoint() {
+  responsiveSizeObject() {
     const resSizes = BootstrapGrid.ResponsiveSize;
-    const responsiveSizeForMap = {
+    const resSizeObj = {
       [resSizes.XS_SIZE]: { IconClass: 'icon-screen-smartphone', DisplayText: 'Smartphone / No Break' },
       [resSizes.SM_SIZE]: { IconClass: 'icon-screen-tablet', DisplayText: 'Tablet' },
       [resSizes.MD_SIZE]: { IconClass: 'icon-screen-desktop', DisplayText: 'Desktop' },
     };
-    const output = Object.entries(responsiveSizeForMap).map((responsiveSizeForMap) => {
+    return resSizeObj;
+  }
+
+  renderSelectedBreakPoint() {
+    const output = Object.entries(this.responsiveSizeObject()).map((responsiveSizeForMap) => {
       return (this.state.responsiveSize === responsiveSizeForMap[0]
         && (
         <span>
@@ -125,13 +129,7 @@ export default class GridEditModal extends React.Component {
   }
 
   renderBreakPointMenu() {
-    const resSizes = BootstrapGrid.ResponsiveSize;
-    const responsiveSizeForMap = {
-      [resSizes.XS_SIZE]: { IconClass: 'icon-screen-smartphone', DisplayText: 'Smartphone / No Break' },
-      [resSizes.SM_SIZE]: { IconClass: 'icon-screen-tablet', DisplayText: 'Tablet' },
-      [resSizes.MD_SIZE]: { IconClass: 'icon-screen-desktop', DisplayText: 'Desktop' },
-    };
-    const output = Object.entries(responsiveSizeForMap).map((responsiveSizeForMap) => {
+    const output = Object.entries(this.responsiveSizeObject()).map((responsiveSizeForMap) => {
       return (
         <button className="dropdown-item" type="button" onClick={() => { this.checkResposiveSize(responsiveSizeForMap[0]) }}>
           <i className={`pl-2 pr-1 ${responsiveSizeForMap[1].IconClass}`}></i> {responsiveSizeForMap[1].DisplayText}