to camel

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

@@ -79,9 +79,9 @@ export default class GridEditModal extends React.Component {
   responsiveSizeObject() {
     const resSizes = BootstrapGrid.ResponsiveSize;
     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' },
+      [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' },
     };
     return resSizeObj;
   }
@@ -91,7 +91,7 @@ export default class GridEditModal extends React.Component {
       return (this.state.responsiveSize === responsiveSizeForMap[0]
         && (
         <span>
-          <i className={`pr-1 ${responsiveSizeForMap[1].IconClass}`}> {responsiveSizeForMap[1].DisplayText}</i>
+          <i className={`pr-1 ${responsiveSizeForMap[1].iconClass}`}> {responsiveSizeForMap[1].displayText}</i>
         </span>
         )
       );
@@ -132,7 +132,7 @@ export default class GridEditModal extends React.Component {
     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}
+          <i className={`pl-2 pr-1 ${responsiveSizeForMap[1].iconClass}`}></i> {responsiveSizeForMap[1].displayText}
         </button>
       );
     });