Typecasting Float to Integer and back to avoid floating point precisi…

…on errors (ToolJet#423)

https://stackoverflow.com/questions/3439040/why-does-adding-two-decimals-in-javascript-produce-a-wrong-result

https://stackoverflow.com/questions/1458633/how-to-deal-with-floating-point-number-precision-in-javascript

Co-authored-by: xrimpy <=>

frontend/src/Editor/Editor.jsx

@@ -433,8 +433,8 @@ class Editor extends React.Component {
     this.setState({ showQuerySearchField: !this.state.showQuerySearchField });
   }
 
-  onVersionDeploy = (versionId) => { 
-    this.setState({ app: { 
+  onVersionDeploy = (versionId) => {
+    this.setState({ app: {
       ...this.state.app,
       current_version_id: versionId
     }})
@@ -535,7 +535,7 @@ class Editor extends React.Component {
                 <div className="canvas-buttons">
                   <button
                     className="btn btn-light mx-2"
-                    onClick={() => this.setState({ zoomLevel: zoomLevel - 0.1 })}
+                    onClick={() => this.setState({ zoomLevel: ((Math.round(zoomLevel*10) - 1)/10).toFixed(1) }) }
                     disabled={zoomLevel <= 0.6}
                     role="button"
                   >
@@ -544,8 +544,8 @@ class Editor extends React.Component {
                   <small>{zoomLevel * 100}%</small>
                   <button
                     className="btn btn-light mx-2"
-                    onClick={() => this.setState({ zoomLevel: zoomLevel + 0.1 })}
-                    disabled={zoomLevel === 1}
+                    onClick={() => this.setState({ zoomLevel: ((Math.round(zoomLevel*10) + 1)/10).toFixed(1) }) }
+                    disabled={zoomLevel >= 1.0}
                     role="button"
                   >
                     <img src="/assets/images/icons/zoom-in.svg" width="12" height="12" />
@@ -863,7 +863,7 @@ class Editor extends React.Component {
             <div className="editor-sidebar">
               <div className="col-md-12">
                 <div>
-                  
+
                 </div>
               </div>