Add pipeline id to pipeline summary card (#1927)

* Added pipeline id to pipeline summary card * Updated PipelineDetails.test.tsx.snap
kubeflow · Aug 22, 2019 · 5abba66 · 5abba66
1 parent 3c8952e
commit 5abba66
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 0 deletions.
diff --git a/frontend/src/pages/PipelineDetails.tsx b/frontend/src/pages/PipelineDetails.tsx
@@ -179,6 +179,8 @@ class PipelineDetails extends Page<{}, PipelineDetailsState> {
                         Hide
                         </Button>
                     </div>
+                    <div className={css.summaryKey}>ID</div>
+                    <div>{pipeline.id || 'Unable to obtain Pipeline ID'}</div>
                     <div className={css.summaryKey}>Uploaded on</div>
                     <div>{formatDateString(pipeline.created_at)}</div>
                     <div className={css.summaryKey}>Description</div>

diff --git a/frontend/src/pages/__snapshots__/PipelineDetails.test.tsx.snap b/frontend/src/pages/__snapshots__/PipelineDetails.test.tsx.snap
@@ -56,6 +56,14 @@ exports[`PipelineDetails closes side panel when close button is clicked 1`] = `
                 Hide
               </WithStyles(Button)>
             </div>
+            <div
+              className="summaryKey"
+            >
+              ID
+            </div>
+            <div>
+              test-pipeline-id
+            </div>
             <div
               className="summaryKey"
             >
@@ -285,6 +293,14 @@ exports[`PipelineDetails opens side panel on clicked node, shows message when no
                 Hide
               </WithStyles(Button)>
             </div>
+            <div
+              className="summaryKey"
+            >
+              ID
+            </div>
+            <div>
+              test-pipeline-id
+            </div>
             <div
               className="summaryKey"
             >
@@ -417,6 +433,14 @@ exports[`PipelineDetails shows clicked node info in the side panel if it is in t
                 Hide
               </WithStyles(Button)>
             </div>
+            <div
+              className="summaryKey"
+            >
+              ID
+            </div>
+            <div>
+              test-pipeline-id
+            </div>
             <div
               className="summaryKey"
             >
@@ -643,6 +667,14 @@ exports[`PipelineDetails shows empty pipeline details with empty graph 1`] = `
                 Hide
               </WithStyles(Button)>
             </div>
+            <div
+              className="summaryKey"
+            >
+              ID
+            </div>
+            <div>
+              test-pipeline-id
+            </div>
             <div
               className="summaryKey"
             >