Delivery 20 april 01 (#122)

* Issue0109 (#116) * add fullscreen icon Signed-off-by: lturmel <lturmel@expertasolutions.com> * add fullscreen button Signed-off-by: lturmel <lturmel@expertasolutions.com> * test icon link Signed-off-by: lturmel <lturmel@expertasolutions.com> * put fullscreen mode action Signed-off-by: lturmel <lturmel@expertasolutions.com> * update dashboard Signed-off-by: lturmel <lturmel@expertasolutions.com> * fix it Signed-off-by: lturmel <lturmel@expertasolutions.com> * add output Signed-off-by: lturmel <lturmel@expertasolutions.com> * action on screenMode Signed-off-by: lturmel <lturmel@expertasolutions.com> * isFullScreen is now observable value Signed-off-by: lturmel <lturmel@expertasolutions.com> * fix try Signed-off-by: lturmel <lturmel@expertasolutions.com> * fix try Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * test event Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * fix Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * fix Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * fix Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * fix build Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * fix Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * fix try Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * fix try Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * put back working Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * fix try Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * output log Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * tes Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * fix Signed-off-by: lturmel <lturmel@expertasolutions.com> * fix Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * cleanup Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * set icon dynamic Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * cleanup Signed-off-by: lturmel <lturmel@expertasolutions.com> * cleanup Signed-off-by: lturmel <lturmel@expertasolutions.com> * test update Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * build fix Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * fix full screen Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * fix Signed-off-by: lturmel <lturmel@expertasolutions.com> * update Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * fix it Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * fix Signed-off-by: lturmel <lturmel@expertasolutions.com> * fix Signed-off-by: lturmel <lturmel@expertasolutions.com> * fix Signed-off-by: lturmel <lturmel@expertasolutions.com> * build fix Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * fix try Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * fix try Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * fix it Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * fix try Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * fix Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * add datacontext Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * fix Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * put back functionality Signed-off-by: lturmel <lturmel@expertasolutions.com> * remove console.log Signed-off-by: lturmel <lturmel@expertasolutions.com> * move send a request as icon only Signed-off-by: lturmel <lturmel@expertasolutions.com> * make a request link update Signed-off-by: lturmel <lturmel@expertasolutions.com> * style update on make a request link Signed-off-by: lturmel <lturmel@expertasolutions.com> * add space between icon Signed-off-by: lturmel <lturmel@expertasolutions.com> * set icon size Signed-off-by: lturmel <lturmel@expertasolutions.com> * add space Signed-off-by: lturmel <lturmel@expertasolutions.com> * add more space between options Signed-off-by: lturmel <lturmel@expertasolutions.com> * remove unneeded space Signed-off-by: lturmel <lturmel@expertasolutions.com> * add trigger for delivery branch Signed-off-by: lturmel <lturmel@expertasolutions.com> * update release notes Signed-off-by: lturmel <lturmel@expertasolutions.com> * Issue0115 (#119) * release note update Signed-off-by: lturmel <lturmel@expertasolutions.com> * add release note artifact Signed-off-by: lturmel <lturmel@expertasolutions.com> * add mockup Signed-off-by: lturmel <lturmel@expertasolutions.com> * update release note Signed-off-by: lturmel <lturmel@expertasolutions.com> * fix size of mockup Signed-off-by: lturmel <lturmel@expertasolutions.com> * fix ui Signed-off-by: lturmel <lturmel@expertasolutions.com> * fix status mockup Signed-off-by: lturmel <lturmel@expertasolutions.com> * mockup update Signed-off-by: lturmel <lturmel@expertasolutions.com> * update mockup Signed-off-by: lturmel <lturmel@expertasolutions.com> * udpate status to medium size Signed-off-by: lturmel <lturmel@expertasolutions.com> * fix mock Signed-off-by: lturmel <lturmel@expertasolutions.com> * add inProgressCount Signed-off-by: lturmel <lturmel@expertasolutions.com> * put back 0 Signed-off-by: lturmel <lturmel@expertasolutions.com> * attempt add real data Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * put back mock data Signed-off-by: lturmel <lturmel@expertasolutions.com> * mock fix Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * add it Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * add pending build Signed-off-by: lturmel <lturmel@expertasolutions.com> * add neverbuild status Signed-off-by: lturmel <lturmel@expertasolutions.com> * vertical alignment middle Signed-off-by: lturmel <lturmel@expertasolutions.com> * disabled count Signed-off-by: lturmel <lturmel@expertasolutions.com> * reactivate count Signed-off-by: lturmel <lturmel@expertasolutions.com> * perf optimization ui Signed-off-by: lturmel <lturmel@expertasolutions.com> * affect vertical align Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * put bac old logic Signed-off-by: lturmel <lturmel@expertasolutions.com> * verticalAlign:middle for indicator Signed-off-by: lturmel <lturmel@expertasolutions.com> * review indicator position and size Signed-off-by: lturmel <lturmel@expertasolutions.com> * review columns width Signed-off-by: lturmel <lturmel@expertasolutions.com> * add sort Signed-off-by: lturmel <lturmel@expertasolutions.com> * build view duration same line of startTime Signed-off-by: lturmel <lturmel@expertasolutions.com> * columns name fix Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * test Signed-off-by: lturmel <lturmel@expertasolutions.com> * add cancelled build Signed-off-by: lturmel <lturmel@expertasolutions.com> * fix build cancelled Signed-off-by: lturmel <lturmel@expertasolutions.com> * label rename Signed-off-by: lturmel <lturmel@expertasolutions.com> * change interval from 10000 to 7500 sec Signed-off-by: lturmel <lturmel@expertasolutions.com> * release note update Signed-off-by: lturmel <lturmel@expertasolutions.com> * Issue0113 (#121) * release note update Signed-off-by: lturmel <lturmel@expertasolutions.com> * disabled buildref update by build Signed-off-by: lturmel <lturmel@expertasolutions.com> * update sort for new build Signed-off-by: lturmel <lturmel@expertasolutions.com> * update Signed-off-by: lturmel <lturmel@expertasolutions.com> * update Signed-off-by: lturmel <lturmel@expertasolutions.com> * fix update buildref Signed-off-by: lturmel <lturmel@expertasolutions.com> * release note update Signed-off-by: lturmel <lturmel@expertasolutions.com> * Add build def link in all runs Signed-off-by: lturmel <lturmel@expertasolutions.com> * build fix Signed-off-by: lturmel <lturmel@expertasolutions.com> * build fix Signed-off-by: lturmel <lturmel@expertasolutions.com> * cleanup Signed-off-by: lturmel <lturmel@expertasolutions.com> * add zero data for all runs Signed-off-by: lturmel <lturmel@expertasolutions.com> * update zero data for builds Signed-off-by: lturmel <lturmel@expertasolutions.com> * fix it Signed-off-by: lturmel <lturmel@expertasolutions.com> * add globally fix capture Signed-off-by: lturmel <lturmel@expertasolutions.com> * fix zero data for builds Signed-off-by: lturmel <lturmel@expertasolutions.com> * put back 10sec delay Signed-off-by: lturmel <lturmel@expertasolutions.com> * fix regression Signed-off-by: lturmel <lturmel@expertasolutions.com> * fix selected project changed Signed-off-by: lturmel <lturmel@expertasolutions.com> * fix duplication Signed-off-by: lturmel <lturmel@expertasolutions.com> * release note update Signed-off-by: lturmel <lturmel@expertasolutions.com> * update Signed-off-by: lturmel <lturmel@expertasolutions.com> * code cleanup Signed-off-by: lturmel <lturmel@expertasolutions.com> * release notes update Signed-off-by: lturmel <lturmel@expertasolutions.com> * screencapture update Signed-off-by: lturmel <lturmel@expertasolutions.com>
expertasolutions · Apr 24, 2020 · 4ce221b · 4ce221b
1 parent ebded32
commit 4ce221b
Show file tree

Hide file tree

Showing 14 changed files with 235 additions and 109 deletions.
diff --git a/CurrentReleaseNotes.md b/CurrentReleaseNotes.md
@@ -1,17 +1,35 @@
-## Related Issues
+## Issues fixes
 
-- ### [Issue0093](https://github.com/expertasolutions/VstsDashboard/issues/93)
-  - Azure DevOps API query optimization
-  - Optimization on Builds and Release Data is pull from Azure DevOps API
-  - Fix to show latest environment released in showed in the Deployment Health
-  - Fix the order of Released showed in the Deployment Health column when periodical refresh is made
-  - Fix Build showed in double randomly
-  - Fix General display update
-  - Rename the label "x pending build(s)" to "x other(s) run(s)"
+- ### [Issue0109](https://github.com/expertasolutions/VstsDashboard/Delivery-20April-01/issues/109)
+  - Add fullscreen capability
+
+    ![Issue0109-01](_ReleaseNotes/Delivery200430/Issue0109/Issue0109-01.png)
 
-- ### [Issue0105](https://github.com/expertasolutions/VstsDashboard/issues/105)
-  - Set minimal Azure DevOps Server minimal version to 2019 Update 1 (17.153.29207.5) and later
+    ![Issue0109-02](_ReleaseNotes/Delivery200430/Issue0109/Issue0109-02.png)
 
-    For more informations regarding Azure DevOps Server versions, see [Azure DevOps Server build numbers](https://docs.microsoft.com/en-us/azure/devops/release-notes/features-timeline#server-build-numbers)
-
-  - No minimal version has been set for Azure DevOps Service
+- ### [Issue0113](https://github.com/expertasolutions/VstsDashboard/Delivery-20April-01/issues/113)
+  - On 'All Runs', Fix the duplication of two differents status for the same build run.
+
+- ### [Issue0115](https://github.com/expertasolutions/VstsDashboard/Delivery-20April-01/issues/115)
+  - Add Build Pipeline Reference Status by Pipeline
+
+    ![Issue0115-01](_ReleaseNotes/Delivery200430/Issue0115/Issue0115-01.png)
+
+- ### Un Issued changes
+
+  - ***Globally***:
+    - Move 'Duration' field on the same line of pipeline 'start time'
+    - Review columns width on 'Summary' and 'All Runs' views
+    - Move 'send a request' from the header to the same level of 'fullscreen' mode option
+    - 'Send a request' icon redirect directly to GitHub project new issue page
+
+  - On '***Summary***' view':
+    - 'Failure/Partial on top' dropdownlist has been renamed to 'Cancelled/Failed/Partial on top'
+    - Fix the problems of Pipeline wasn't properly showed on top when in 'Pending/Running' status
+
+  - On '***All Runs***' view:
+    - Add the link to the Build Definition Reference
+    - Add a 'Zero Data' message when no builds is present
+    - When a Team project is unselected, related build are removed from the view
+
+#### All these issues are part of the milestone [Delivery-200430](https://github.com/expertasolutions/VstsDashboard/milestone/2)
diff --git a/_ReleaseNotes/Delivery200430/Globally/Globally-200401-01.png b/_ReleaseNotes/Delivery200430/Globally/Globally-200401-01.png
diff --git a/_ReleaseNotes/Delivery200430/Issue0109/Issue0109-01.png b/_ReleaseNotes/Delivery200430/Issue0109/Issue0109-01.png
diff --git a/_ReleaseNotes/Delivery200430/Issue0109/Issue0109-02.png b/_ReleaseNotes/Delivery200430/Issue0109/Issue0109-02.png
diff --git a/_ReleaseNotes/Delivery200430/Issue0115/Issue0115-01.png b/_ReleaseNotes/Delivery200430/Issue0115/Issue0115-01.png
diff --git a/ci-vstsdashboardbuild.yml b/ci-vstsdashboardbuild.yml
@@ -3,9 +3,11 @@ name: VstsDashboard-v1.$(date:yy)$(DayOfYear)$(rev:.r)-$(Build.SourceBranchName)
 trigger:
 - master
 - Issue*
+- Delivery*
 
 pr:
 - master
+- Delivery*
 
 pool:
   vmImage: 'vs2017-win2016'

diff --git a/screenshots/CI_CD_Dashboard.png b/screenshots/CI_CD_Dashboard.png
diff --git a/src/ext/Dashboard/PipelineServices.tsx b/src/ext/Dashboard/PipelineServices.tsx
@@ -113,7 +113,6 @@ export async function getBuilds(projectName: string, isFirstLoad: boolean, timeR
   result.push(...inProgressResult);
   result.push(...cancellingResult);
   result.push(...notStartedResult);
-  result.push(...notStartedResult);
   result.push(...postponedResult);
   result.push(...noneResult);
   result.push(...completedResult);

diff --git a/src/ext/Dashboard/cells/build.tsx b/src/ext/Dashboard/cells/build.tsx
@@ -7,6 +7,7 @@ import {
   getPipelineIndicator,
 } from "./common";
 
+import { BuildDefinitionReference, BuildStatus } from "azure-devops-extension-api/Build";
 import { Ago } from "azure-devops-ui/Ago";
 import { Duration } from "azure-devops-ui/Duration";
 import { Link } from "azure-devops-ui/Link";
@@ -26,6 +27,11 @@ export function getBuildStatus(build: Build) : IStatusIndicatorData {
   return getPipelineIndicator(build.result, build.status);
 }
 
+function getBuildDefinitionUrl(buildDefs: BuildDefinitionReference[], buildDefId: number) {
+  let buildDefRef = buildDefs.find(x=> x.id === buildDefId);
+  return buildDefRef ? buildDefRef._links.web.href : "#";
+}
+
 export function renderBuildStatus (
   rowIndex: number,
   columnIndex: number,
@@ -34,19 +40,27 @@ export function renderBuildStatus (
 ): JSX.Element {
   let projectName = tableItem.project.name;
   return (
-      <SimpleTableCell
-          columnIndex={columnIndex}
-          tableColumn={tableColumn}
-          key={"col-" + columnIndex}
-          contentClassName="fontWeightSemiBold font-weight-semibold fontSizeM font-size-m scroll-hidden">
-            <Status {...getBuildStatus(tableItem).statusProps}
-                    className="icon-large-margin"
-                    size={StatusSize.l}/>
-            <div style={{whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis"}}>
-                <div style={{whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis"}}>{tableItem.definition.name}</div>
-                <div className="font-size-s" style={{whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis"}}>{projectName}</div>
-            </div>
-      </SimpleTableCell>
+    <DataContext.Consumer>
+      {(context) => (
+        <SimpleTableCell
+            columnIndex={columnIndex}
+            tableColumn={tableColumn}
+            key={"col-" + columnIndex}
+            contentClassName="fontWeightSemiBold font-weight-semibold fontSizeM font-size-m scroll-hidden">
+              <Status {...getBuildStatus(tableItem).statusProps}
+                      className="icon-large-margin"
+                      size={StatusSize.l}/>
+              <div style={{whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis"}}>
+                  <div style={{whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis"}}>
+                    <Link href={getBuildDefinitionUrl(context.state.buildDefs, tableItem.definition.id)} target="_blank" className="bolt-table-cell-primary">
+                      {tableItem.definition.name}
+                    </Link>
+                  </div>
+                  <div className="font-size-s" style={{whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis"}}>{projectName}</div>
+              </div>
+        </SimpleTableCell>
+      )}
+    </DataContext.Consumer>
   );
 }
 
@@ -153,8 +167,7 @@ export function renderBuildInfo02Cell(
     if(lastBuildRun.startTime != undefined) {
       buildTimeCtrl = (<div className="font-size-s">
                         <div><Icon iconName="Settings"/>&nbsp;{queueName}</div>
-                        <div><Icon iconName="Calendar"/>&nbsp;<Ago date={lastBuildRun.startTime!} /></div>
-                        <div><Icon iconName="Clock"/>&nbsp;<Duration startDate={lastBuildRun.startTime} endDate={lastBuildRun.finishTime} /></div>
+                        <div><Icon iconName="Calendar"/>&nbsp;<Ago date={lastBuildRun.startTime!} />&nbsp;<Icon iconName="Clock"/>&nbsp;<Duration startDate={lastBuildRun.startTime} endDate={lastBuildRun.finishTime} /></div>
                       </div>);
     } else {
       buildTimeCtrl = (

diff --git a/src/ext/Dashboard/cells/buildReference.tsx b/src/ext/Dashboard/cells/buildReference.tsx
@@ -156,8 +156,7 @@ export function renderLastBuild02(
     if(lastBuildRun.startTime != undefined) {
       buildTimeCtrl = (<div className="font-size-s">
                         <div><Icon iconName="Settings"/>&nbsp;{queueName}</div>
-                        <div><Icon iconName="Calendar"/>&nbsp;<Ago date={lastBuildRun.startTime!} /></div>
-                        <div><Icon iconName="Clock"/>&nbsp;<Duration startDate={lastBuildRun.startTime} endDate={lastBuildRun.finishTime} /></div>
+                        <div><Icon iconName="Calendar"/>&nbsp;<Ago date={lastBuildRun.startTime!} />&nbsp;<Icon iconName="Clock"/>&nbsp;<Duration startDate={lastBuildRun.startTime} endDate={lastBuildRun.finishTime} /></div>
                       </div>);
     } else {
       buildTimeCtrl = (

diff --git a/src/ext/Dashboard/cells/common.tsx b/src/ext/Dashboard/cells/common.tsx
@@ -9,7 +9,6 @@ import { Pill, PillVariant } from "azure-devops-ui/Pill";
 import { PillGroup, PillGroupOverflow } from "azure-devops-ui/PillGroup";
 import { Build } from "azure-devops-extension-api/Build";
 import { Link } from "azure-devops-ui/Link";
-import { findDOMNode } from "react-dom";
 
 const lightGreen: IColor = {
   red: 204,