[dashboard] Allow disabling prebuilds for a project

Author: jankeromnes

components/dashboard/src/projects/NewProject.tsx

@@ -29,6 +29,7 @@ import {
 } from "../service/public-api";
 import { FeatureFlagContext } from "../contexts/FeatureFlagContext";
 import { ConnectError } from "@bufbuild/connect-web";
+import CheckBox from "../components/CheckBox";
 
 export default function NewProject() {
     const location = useLocation();
@@ -43,6 +44,7 @@ export default function NewProject() {
     const [showGitProviders, setShowGitProviders] = useState<boolean>(false);
     const [selectedRepo, setSelectedRepo] = useState<ProviderRepository | undefined>(undefined);
     const [selectedTeamOrUser, setSelectedTeamOrUser] = useState<Team | User | undefined>(undefined);
+    const [enablePrebuilds, setEnablePrebuilds] = useState<boolean>(true);
 
     const [showNewTeam, setShowNewTeam] = useState<boolean>(false);
     const [loaded, setLoaded] = useState<boolean>(false);
@@ -169,10 +171,10 @@ export default function NewProject() {
     }, [selectedProviderHost]);
 
     useEffect(() => {
-        if (project) {
+        if (project && enablePrebuilds) {
             getGitpodService().server.triggerPrebuild(project.id, null);
         }
-    }, [project]);
+    }, [enablePrebuilds, project]);
 
     const isGitHub = () => selectedProviderHost === "github.com";
 
@@ -600,6 +602,13 @@ export default function NewProject() {
                 <>
                     <h1>New Project</h1>
 
+                    <CheckBox
+                        title={<span>Enable Prebuilds </span>}
+                        desc={<span></span>}
+                        checked={enablePrebuilds}
+                        onChange={({ target }) => setEnablePrebuilds(target.checked)}
+                    />
+
                     {!selectedRepo && renderSelectRepository()}
 
                     {selectedRepo && !selectedTeamOrUser && renderSelectTeam()}

components/dashboard/src/projects/ProjectSettings.tsx

@@ -146,6 +146,12 @@ export default function () {
                     </div>
                 </Alert>
             )}
+            <CheckBox
+                title={<span>Enable Prebuilds </span>}
+                desc={<span>Enable Prebuilds</span>}
+                checked={!project.settings?.disablePrebuilds ?? false}
+                onChange={({ target }) => updateProjectSettings({ disablePrebuilds: !target.checked })}
+            />
             <CheckBox
                 title={<span>Enable Incremental Prebuilds </span>}
                 desc={

components/gitpod-protocol/src/teams-projects-protocol.ts

@@ -14,6 +14,7 @@ export interface ProjectConfig {
 }
 
 export interface ProjectSettings {
+    disablePrebuilds?: boolean;
     useIncrementalPrebuilds?: boolean;
     keepOutdatedPrebuildsRunning?: boolean;
     // whether new workspaces can start on older prebuilds and incrementally update