fix(ui): bigint are truncated on topic data

close #809
tchiotludo · Oct 24, 2021 · b8e6667 · b8e6667
1 parent 78a71a6
commit b8e6667
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 2 deletions.
diff --git a/client/package-lock.json b/client/package-lock.json
diff --git a/client/package.json b/client/package.json
@@ -17,6 +17,7 @@
     "css-loader": "^3.4.1",
     "font-awesome": "^4.7.0",
     "joi-validation": "^2.0.0",
+    "json-bigint": "^1.0.0",
     "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
@@ -29,6 +29,7 @@ import Root from '../../../../components/Root';
 import {capitalizeTxt, getClusterUIOptions} from '../../../../utils/functions';
 import Select from '../../../../components/Form/Select';
 import TimeAgo from 'react-timeago'
+import JSONbig from 'json-bigint';
 
 class TopicData extends Root {
   state = {
@@ -846,8 +847,8 @@ class TopicData extends Root {
                     extraRowContent: (obj, index) => {
                       let value = obj.value;
                       try {
-                        let json = JSON.parse(obj.value);
-                        value = JSON.stringify(json, null, 2);
+                        let json = JSONbig.parse(obj.value);
+                        value = JSONbig.stringify(json, null, 2);
                         // eslint-disable-next-line no-empty
                       } catch (e) {}