From aadfc63bf0563e4538b6232f9219105305d83178 Mon Sep 17 00:00:00 2001
From: reesporte <reesedporter@gmail.com>
Date: Thu, 28 Oct 2021 13:45:07 -0500
Subject: [PATCH] add quotes around strings

---
 lattice/src/shared/DataTable/DataTable.tsx | 42 ++++++++++++++--------
 1 file changed, 28 insertions(+), 14 deletions(-)

diff --git a/lattice/src/shared/DataTable/DataTable.tsx b/lattice/src/shared/DataTable/DataTable.tsx
index 7d7b53f1a..e080c1cf4 100644
--- a/lattice/src/shared/DataTable/DataTable.tsx
+++ b/lattice/src/shared/DataTable/DataTable.tsx
@@ -70,6 +70,32 @@ export const DataTable: FC<TableProps> = ({
     }
   };
 
+  const formatTableCell = (row: any, col: any) => {
+     if (typeof row[col.name] === 'object') {
+        return (
+      <pre className={css.preFormat}>
+        {JSON.stringify(row[col.name], null, 2)}
+      </pre> )
+     } else if (row[col.name] !== undefined) {
+        if (col.datatype === '[]string') {
+            return (
+                 <span>
+                    {'"' + (row[col.name]) + '"'}
+                </span> 
+            )
+        }
+        return (
+      <span>
+        {col.datatype === 'timestamp' && row[col.name]
+          ? moment
+              .utc(row[col.name])
+              .format('MM/DD/YYYY hh:mm:ss a')
+          : row[col.name].toLocaleString()}
+      </span> )
+    }
+     return null
+  }
+
   return (
     <Fragment>
       <div ref={resultsRef} />
@@ -117,20 +143,8 @@ export const DataTable: FC<TableProps> = ({
                         key={`table-cell-${rowIdx}-${colIdx}`}
                         className={css.tableCell}
                       >
-                        {typeof row[col.name] === 'object' ? (
-                          <pre className={css.preFormat}>
-                            {JSON.stringify(row[col.name], null, 2)}
-                          </pre>
-                        ) : row[col.name] !== undefined ? (
-                          <span>
-                            {col.datatype === 'timestamp' && row[col.name]
-                              ? moment
-                                  .utc(row[col.name])
-                                  .format('MM/DD/YYYY hh:mm:ss a')
-                              : row[col.name].toLocaleString()}
-                          </span>
-                        ) : null}
-                      </TableCell>
+                        {formatTableCell(row, col)}
+                            </TableCell>
                     ))}
                     {autoWidth ? <TableCell className={css.fillWidth} /> : null}
                   </TableRow>