From f55da2b20d0c68c468bc099fb8d4fc3d8a7dff57 Mon Sep 17 00:00:00 2001
From: fiatjaf <fiatjaf@gmail.com>
Date: Wed, 3 Oct 2018 18:44:31 +0000
Subject: [PATCH] fix submissions page for non-scalar fields (render as yaml).

---
 formspree/js/forms/FormPage/Submissions.js | 20 +++++++++++++++-----
 package.json                               |  1 +
 2 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/formspree/js/forms/FormPage/Submissions.js b/formspree/js/forms/FormPage/Submissions.js
index a44d55f..093a8b1 100644
--- a/formspree/js/forms/FormPage/Submissions.js
+++ b/formspree/js/forms/FormPage/Submissions.js
@@ -3,6 +3,7 @@
 const toastr = window.toastr
 const fetch = window.fetch
 const React = require('react')
+const prettyaml = require('prettyaml')
 
 export default class FormSubmissions extends React.Component {
   constructor(props) {
@@ -47,11 +48,20 @@ export default class FormSubmissions extends React.Component {
                     </td>
                     {form.fields
                       .slice(1 /* the first field is 'date' */)
-                      .map(f => (
-                        <td data-label={f} key={f}>
-                          <pre>{s[f]}</pre>
-                        </td>
-                      ))}
+                      .map(f => {
+                        var value
+                        try {
+                          value = prettyaml.stringify(s[f])
+                        } catch (e) {
+                          value = JSON.stringify(s[f])
+                        }
+
+                        return (
+                          <td data-label={f} key={f}>
+                            <pre>{value}</pre>
+                          </td>
+                        )
+                      })}
                     <td>
                       <button
                         className="no-border"
diff --git a/package.json b/package.json
index 7b58ed0..fb2992d 100644
--- a/package.json
+++ b/package.json
@@ -3,6 +3,7 @@
     "class-set": "^0.0.4",
     "codemirror": "^5.39.2",
     "is-valid-email": "0.0.2",
+    "prettyaml": "^1.3.0",
     "query-string": "^5.1.1",
     "react": "^16.4.2",
     "react-codemirror2": "^5.1.0",