Fix PrettyJson records rendering

stellar · Apr 2, 2024 · 661c30a · 661c30a
1 parent 24287df
commit 661c30a
Showing 1 changed file with 23 additions and 1 deletion.
diff --git a/src/components/PrettyJson/index.tsx b/src/components/PrettyJson/index.tsx
@@ -66,7 +66,29 @@ export const PrettyJson = ({ json }: { json: AnyObject }) => {
                         <Key>{key}</Key>
                         <Bracket char="[" />
                       </div>
-                      <div>{value.map((v) => render(v, key))}</div>
+                      <div>
+                        {value.map((v, index) => {
+                          if (typeof v === "object") {
+                            return (
+                              <div
+                                key={`${keyProp}-${index}`}
+                                className="PrettyJson__nested"
+                              >
+                                <div className="PrettyJson__inline">
+                                  <Bracket char="{" />
+                                </div>
+                                <div>{render(v)}</div>
+                                <div>
+                                  <Bracket char="}" />
+                                  <Comma />
+                                </div>
+                              </div>
+                            );
+                          }
+
+                          return render(v, key);
+                        })}
+                      </div>
                       <div>
                         <Bracket char="]" />
                         <Comma />