From c4730c3e4947128829cfbfacf36924edf98c2b9b Mon Sep 17 00:00:00 2001
From: Mateo Silguero <mfsilguero@gmail.com>
Date: Tue, 10 Dec 2019 06:02:40 -0800
Subject: [PATCH] Parse all values on json fields (#678)

Summary:
I want to get a better visualisation of the databases values from a device, like the localStorage from ReactNative.

## Changelog

Iterate on the object value to parse all values from a json
Pull Request resolved: https://github.com/facebook/flipper/pull/678

Test Plan:
before:
<img width="1185" alt="Captura de Pantalla 2019-12-06 a la(s) 19 57 13" src="https://user-images.githubusercontent.com/25598400/70362212-e4a37280-1862-11ea-8b8b-a96edfece5c9.png">

after:
<img width="1185" alt="Captura de Pantalla 2019-12-06 a la(s) 19 55 52" src="https://user-images.githubusercontent.com/25598400/70362211-e4a37280-1862-11ea-8d16-00691c0f21c4.png">

Reviewed By: nikoant

Differential Revision: D18874887

Pulled By: passy

fbshipit-source-id: 679519fe2746a698e41ba015fd811a342c96c4fd
---
 src/plugins/databases/index.js | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/plugins/databases/index.js b/src/plugins/databases/index.js
index 87011107a..6b2bc5d87 100644
--- a/src/plugins/databases/index.js
+++ b/src/plugins/databases/index.js
@@ -1083,12 +1083,13 @@ export default class DatabasesPlugin extends FlipperPlugin<
   buildSidebarRow = (key: string, val: any) => {
     let output = '';
     try {
-      output = (
-        <ManagedDataInspector
-          data={JSON.parse(val.props.children)}
-          expandRoot={true}
-        />
-      );
+      const parsed = JSON.parse(val.props.children);
+      for (const key in parsed) {
+        try {
+          parsed[key] = JSON.parse(parsed[key]);
+        } catch (err) {}
+      }
+      output = <ManagedDataInspector data={parsed} expandRoot={true} />;
     } catch (error) {
       output = val;
     }