fix(ui): decimals are not parsed correctl (#1246)

replaced 'json-bigint' parser with 'lossless-json', this replacement allows for pretty-printing the json data, but still keeping the original values especially for floating numbers and bigints. fix #1006
tchiotludo · Nov 6, 2022 · 87d73b4 · 87d73b4
1 parent e57cc02
commit 87d73b4
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 20 deletions.
diff --git a/client/package-lock.json b/client/package-lock.json
diff --git a/client/package.json b/client/package.json
@@ -17,7 +17,7 @@
     "css-loader": "^3.4.1",
     "font-awesome": "^4.7.0",
     "joi-validation": "^2.0.0",
-    "json-bigint": "^1.0.0",
+    "lossless-json": "^2.0.1",
     "lodash": "^4.17.21",
     "moment": "^2.24.0",
     "node-sass": "^4.14.1",

diff --git a/client/src/containers/Topic/Topic/TopicData/TopicData.jsx b/client/src/containers/Topic/Topic/TopicData/TopicData.jsx
@@ -30,7 +30,7 @@ import DateTime from '../../../../components/DateTime';
 import { capitalizeTxt, getClusterUIOptions } from '../../../../utils/functions';
 import { setProduceToTopicValues, setUIOptions} from '../../../../utils/localstorage';
 import Select from '../../../../components/Form/Select';
-import JSONbig from 'json-bigint';
+import * as LosslessJson from 'lossless-json'
 
 class TopicData extends Root {
   state = {
@@ -928,8 +928,8 @@ class TopicData extends Root {
                     extraRowContent: (obj, index) => {
                       let value = obj.value;
                       try {
-                        let json = JSONbig.parse(obj.value);
-                        value = JSONbig.stringify(json, null, 2);
+                        let json = LosslessJson.parse(obj.value);
+                        value = LosslessJson.stringify(json, undefined, "  ");
                         // eslint-disable-next-line no-empty
                       } catch (e) {}
 
@@ -969,9 +969,9 @@ class TopicData extends Root {
                     colName: 'Date',
                     type: 'text',
                     cell: (obj, col) => {
-                      return <DateTime 
-                        isoDateTimeString={obj[col.accessor]} 
-                        dateTimeFormat={this.state.dateTimeFormat} 
+                      return <DateTime
+                        isoDateTimeString={obj[col.accessor]}
+                        dateTimeFormat={this.state.dateTimeFormat}
                       />;
                     }
                   },