From 4e28fcdef20d48b0a2946fe588fa3a04089a56e9 Mon Sep 17 00:00:00 2001
From: Harry Hogg <hhogg@spotify.com>
Date: Fri, 10 Sep 2021 14:59:02 +0100
Subject: [PATCH] fix(plugin-cloudbuild): "validateDOMNesting(...): <p> cannot
 appear as a descendant of <p>" error caused by unnecessary paragraph tags

Signed-off-by: Harry Hogg <hhogg@spotify.com>
---
 .../WorkflowRunsTable/WorkflowRunsTable.tsx        | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/plugins/cloudbuild/src/components/WorkflowRunsTable/WorkflowRunsTable.tsx b/plugins/cloudbuild/src/components/WorkflowRunsTable/WorkflowRunsTable.tsx
index dd8046824e..0d00347183 100644
--- a/plugins/cloudbuild/src/components/WorkflowRunsTable/WorkflowRunsTable.tsx
+++ b/plugins/cloudbuild/src/components/WorkflowRunsTable/WorkflowRunsTable.tsx
@@ -45,7 +45,7 @@ const generatedColumns: TableColumn[] = [
     width: '150px',
     render: (row: Partial<WorkflowRun>) => (
       <Typography variant="body2" noWrap>
-        <p>{row.id?.substring(0, 8)}</p>
+        {row.id?.substring(0, 8)}
       </Typography>
     ),
   },
@@ -68,7 +68,7 @@ const generatedColumns: TableColumn[] = [
     title: 'Ref',
     render: (row: Partial<WorkflowRun>) => (
       <Typography variant="body2" noWrap>
-        <p>{row.substitutions?.BRANCH_NAME}</p>
+        {row.substitutions?.BRANCH_NAME}
       </Typography>
     ),
   },
@@ -76,7 +76,7 @@ const generatedColumns: TableColumn[] = [
     title: 'Commit',
     render: (row: Partial<WorkflowRun>) => (
       <Typography variant="body2" noWrap>
-        <p>{row.substitutions?.SHORT_SHA}</p>
+        {row.substitutions?.SHORT_SHA}
       </Typography>
     ),
   },
@@ -84,11 +84,9 @@ const generatedColumns: TableColumn[] = [
     title: 'Created',
     render: (row: Partial<WorkflowRun>) => (
       <Typography data-testid="cell-created" variant="body2" noWrap>
-        <p>
-          {DateTime.fromISO(row.createTime ?? DateTime.now().toISO()).toFormat(
-            'dd-MM-yyyy hh:mm:ss',
-          )}
-        </p>
+        {DateTime.fromISO(row.createTime ?? DateTime.now().toISO()).toFormat(
+          'dd-MM-yyyy hh:mm:ss',
+        )}
       </Typography>
     ),
   },