FOR TESTING REMOVE LATER

Author: Laurie T. Malau

components/dashboard/src/teams/TeamUsage.tsx

@@ -24,6 +24,7 @@ import { FeatureFlagContext } from "../contexts/FeatureFlagContext";
 import { ReactComponent as CreditsSvg } from "../images/credits.svg";
 import { ReactComponent as Spinner } from "../icons/Spinner.svg";
 import Arrow from "../components/Arrow";
+import { dummy } from "./dummy";
 
 function TeamUsage() {
     const { teams } = useContext(TeamsContext);
@@ -32,7 +33,7 @@ function TeamUsage() {
     const team = getCurrentTeam(location, teams);
     const [billedUsage, setBilledUsage] = useState<BillableSession[]>([]);
     const [currentPage, setCurrentPage] = useState(1);
-    const [resultsPerPage] = useState(10);
+    const [resultsPerPage] = useState(5);
     const [errorMessage, setErrorMessage] = useState("");
     const today = new Date();
     const startOfCurrentMonth = new Date(today.getFullYear(), today.getMonth(), 1);
@@ -56,7 +57,9 @@ function TeamUsage() {
             };
             try {
                 const billedUsageResult = await getGitpodService().server.listBilledUsage(request);
-                setBilledUsage(billedUsageResult);
+                // TO BE REMOVED
+                const forTesting = billedUsageResult.concat(dummy);
+                setBilledUsage(forTesting);
             } catch (error) {
                 if (error.code === ErrorCodes.PERMISSION_DENIED) {
                     setErrorMessage("Access to usage details is restricted to team owners.");