WIP: Pass useSlowDatabase to getGitpodService

All calls to `getGitpodService` will have to pass a `useSlowDatabase`
boolean (taken from the `FeatureFlagContext`) to indicate what kind of
websocket connection should be used.

Author: Andrew Farries

components/dashboard/src/admin/UserDetail.tsx

@@ -15,7 +15,7 @@ import {
 import { AccountStatement, Subscription } from "@gitpod/gitpod-protocol/lib/accounting-protocol";
 import { Plans } from "@gitpod/gitpod-protocol/lib/plans";
 import dayjs from "dayjs";
-import { useEffect, useRef, useState } from "react";
+import { useEffect, useRef, useState, useContext } from "react";
 import CheckBox from "../components/CheckBox";
 import Modal from "../components/Modal";
 import { getGitpodService } from "../service/service";
@@ -26,8 +26,10 @@ import { BillingMode } from "@gitpod/gitpod-protocol/lib/billing-mode";
 import { AttributionId } from "@gitpod/gitpod-protocol/lib/attribution";
 import CaretDown from "../icons/CaretDown.svg";
 import ContextMenu from "../components/ContextMenu";
+import { FeatureFlagContext } from "../contexts/FeatureFlagContext";
 
 export default function UserDetail(p: { user: User }) {
+    const { useSlowDatabase } = useContext(FeatureFlagContext);
     const [activity, setActivity] = useState(false);
     const [user, setUser] = useState(p.user);
     const [billingMode, setBillingMode] = useState<BillingMode | undefined>(undefined);
@@ -42,16 +44,16 @@ export default function UserDetail(p: { user: User }) {
 
     useEffect(() => {
         setUser(p.user);
-        getGitpodService()
+        getGitpodService(useSlowDatabase)
             .server.adminGetAccountStatement(p.user.id)
             .then((as) => setAccountStatement(as))
             .catch((e) => {
                 console.error(e);
             });
-        getGitpodService()
+        getGitpodService(useSlowDatabase)
             .server.adminIsStudent(p.user.id)
             .then((isStud) => setIsStudent(isStud));
-        getGitpodService()
+        getGitpodService(useSlowDatabase)
             .server.adminGetBillingMode(AttributionId.render({ kind: "user", userId: p.user.id }))
             .then((bm) => setBillingMode(bm));
     }, [p.user]);
@@ -75,8 +77,8 @@ export default function UserDetail(p: { user: User }) {
         }
 
         await updateUser(async (u) => {
-            await getGitpodService().server.adminAddStudentEmailDomain(u.id, emailDomain);
-            await getGitpodService()
+            await getGitpodService(useSlowDatabase).server.adminAddStudentEmailDomain(u.id, emailDomain);
+            await getGitpodService(useSlowDatabase)
                 .server.adminIsStudent(u.id)
                 .then((isStud) => setIsStudent(isStud));
             return u;
@@ -85,14 +87,14 @@ export default function UserDetail(p: { user: User }) {
 
     const verifyUser = async () => {
         await updateUser(async (u) => {
-            return await getGitpodService().server.adminVerifyUser(u.id);
+            return await getGitpodService(useSlowDatabase).server.adminVerifyUser(u.id);
         });
     };
 
     const toggleBlockUser = async () => {
         await updateUser(async (u) => {
             u.blocked = !u.blocked;
-            await getGitpodService().server.adminBlockUser({
+            await getGitpodService(useSlowDatabase).server.adminBlockUser({
                 blocked: u.blocked,
                 id: u.id,
             });
@@ -103,7 +105,7 @@ export default function UserDetail(p: { user: User }) {
     const deleteUser = async () => {
         await updateUser(async (u) => {
             u.markedDeleted = !u.markedDeleted;
-            await getGitpodService().server.adminDeleteUser(u.id);
+            await getGitpodService(useSlowDatabase).server.adminDeleteUser(u.id);
             return u;
         });
     };
@@ -166,7 +168,10 @@ export default function UserDetail(p: { user: User }) {
                                 {
                                     label: "Grant 20 Extra Hours",
                                     onClick: async () => {
-                                        await getGitpodService().server.adminGrantExtraHours(user.id, 20);
+                                        await getGitpodService(useSlowDatabase).server.adminGrantExtraHours(
+                                            user.id,
+                                            20,
+                                        );
                                         setAccountStatement(
                                             await getGitpodService().server.adminGetAccountStatement(user.id),
                                         );
@@ -186,12 +191,14 @@ export default function UserDetail(p: { user: User }) {
                                 {
                                     label: (isProfessionalOpenSource ? "Disable" : "Enable") + " Professional OSS",
                                     onClick: async () => {
-                                        await getGitpodService().server.adminSetProfessionalOpenSource(
+                                        await getGitpodService(useSlowDatabase).server.adminSetProfessionalOpenSource(
                                             user.id,
                                             !isProfessionalOpenSource,
                                         );
                                         setAccountStatement(
-                                            await getGitpodService().server.adminGetAccountStatement(user.id),
+                                            await getGitpodService(useSlowDatabase).server.adminGetAccountStatement(
+                                                user.id,
+                                            ),
                                         );
                                     },
                                 },
@@ -386,7 +393,7 @@ function getFlags(user: User, updateUser: UpdateUserFunction): Entry[] {
                 checked,
                 onClick: async () => {
                     await updateUser(async (u) => {
-                        return await getGitpodService().server.adminModifyPermanentWorkspaceFeatureFlag({
+                        return await getGitpodService(useSlowDatabase).server.adminModifyPermanentWorkspaceFeatureFlag({
                             id: user.id,
                             changes: [
                                 {
@@ -409,7 +416,7 @@ function getRopEntries(user: User, updateUser: UpdateUserFunction): Entry[] {
             checked,
             onClick: async () => {
                 await updateUser(async (u) => {
-                    return await getGitpodService().server.adminModifyRoleOrPermission({
+                    return await getGitpodService(useSlowDatabase).server.adminModifyRoleOrPermission({
                         id: user.id,
                         rpp: [
                             {

components/dashboard/src/projects/Projects.tsx

@@ -20,8 +20,10 @@ import ContextMenu from "../components/ContextMenu";
 import ConfirmationModal from "../components/ConfirmationModal";
 import { prebuildStatusIcon } from "./Prebuilds";
 import Alert from "../components/Alert";
+import { FeatureFlagContext } from "../contexts/FeatureFlagContext";
 
 export default function () {
+    const { useSlowDatabase } = useContext(FeatureFlagContext);
     const location = useLocation();
     const history = useHistory();
 
@@ -43,15 +45,15 @@ export default function () {
             return;
         }
         const infos = !!team
-            ? await getGitpodService().server.getTeamProjects(team.id)
-            : await getGitpodService().server.getUserProjects();
+            ? await getGitpodService(useSlowDatabase).server.getTeamProjects(team.id)
+            : await getGitpodService(useSlowDatabase).server.getUserProjects();
         setProjects(infos);
 
         const map = new Map();
         await Promise.all(
             infos.map(async (p) => {
                 try {
-                    const lastPrebuild = await getGitpodService().server.findPrebuilds({
+                    const lastPrebuild = await getGitpodService(useSlowDatabase).server.findPrebuilds({
                         projectId: p.id,
                         latest: true,
                     });
@@ -73,7 +75,7 @@ export default function () {
 
     const onRemoveProject = async (p: Project) => {
         setRemoveModalVisible(false);
-        await getGitpodService().server.deleteProject(p.id);
+        await getGitpodService(useSlowDatabase).server.deleteProject(p.id);
         await updateProjects();
     };