From 4c98b1953d2b07ed15710f2168c45ce047e63c1e Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Fri, 11 Oct 2024 01:59:50 +0530
Subject: [PATCH] feat: download JSON

---
 src/components/molecules/RunContent.tsx | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/components/molecules/RunContent.tsx b/src/components/molecules/RunContent.tsx
index 3558f913..05b065e0 100644
--- a/src/components/molecules/RunContent.tsx
+++ b/src/components/molecules/RunContent.tsx
@@ -130,6 +130,17 @@ export const RunContent = ({ row, currentLog, interpretationInProgress, logEndRe
                 <ArticleIcon sx={{ marginRight: '15px' }} />
                 Serializable output
               </Typography>
+              {Object.keys(row.serializableOutput).map((key) => {
+                return (
+                  <div key={`number-of-serializable-output-${key}`}>
+                    <Typography>
+                      {key}:
+                      <a href={`data:application/json;utf8,${JSON.stringify(row.serializableOutput[key], null, 2)}`}
+                        download={key} style={{ margin: '10px' }}>Download</a>
+                    </Typography>
+                  </div>
+                )
+              })}
               {tableData.length > 0 ? (
                 <TableContainer component={Paper} sx={{ maxHeight: 440, marginTop: 2 }}>
                   <Table stickyHeader aria-label="sticky table">