t

Author: Laurie T. Malau

components/dashboard/src/teams/TeamUsage.tsx

@@ -16,7 +16,6 @@ import {
 } from "@gitpod/gitpod-protocol/lib/usage";
 import { AttributionId } from "@gitpod/gitpod-protocol/lib/attribution";
 import { Item, ItemField, ItemsList } from "../components/ItemsList";
-import moment from "moment";
 import Pagination from "../Pagination/Pagination";
 import Header from "../components/Header";
 import { ErrorCodes } from "@gitpod/gitpod-protocol/lib/messaging/error";
@@ -139,6 +138,17 @@ function TeamUsage() {
         return rows;
     };
 
+    const displayTime = (time: string) => {
+        const options: Intl.DateTimeFormatOptions = {
+            day: "numeric",
+            month: "long",
+            year: "numeric",
+            hour: "numeric",
+            minute: "numeric",
+        };
+        return new Date(time).toLocaleDateString("en-US", options);
+    };
+
     const lastResultOnCurrentPage = currentPage * resultsPerPage;
     const firstResultOnCurrentPage = lastResultOnCurrentPage - resultsPerPage;
     const totalNumberOfPages = Math.ceil(billedUsage.length / resultsPerPage);
@@ -250,7 +260,7 @@ function TeamUsage() {
                                                 </div>
                                                 <div className="my-auto">
                                                     <span className="text-gray-400">
-                                                        {moment(new Date(usage.startTime).toDateString()).utc()}
+                                                        {displayTime(usage.startTime)}
                                                     </span>
                                                 </div>
                                             </div>

components/server/ee/src/workspace/gitpod-server-impl.ts

@@ -2174,7 +2174,21 @@ export class GitpodServerEEImpl extends GitpodServerImpl {
         );
         const sessions = response.getSessionsList().map((s) => UsageService.mapBilledSession(s));
 
-        return sessions;
+        return sessions.concat([
+            {
+                attributionId: "some-attribution-id",
+                userId: "prebuild",
+                teamId: "prebuild",
+                instanceId: "some-instance-id",
+                workspaceId: "some-workspace-id",
+                workspaceType: "prebuild",
+                workspaceClass: "XL",
+                startTime: new Date(Date.now() + -3 * 24 * 3600 * 1000).toISOString(), // 3 days ago
+                endTime: new Date().toISOString(),
+                credits: 320,
+                projectId: "project-123",
+            },
+        ]);
     }
 
     protected async guardCostCenterAccess(