frontend: add support for propagating service state to project select…

…or (#1593)
lyft · Jul 12, 2021 · f6043ae · f6043ae
1 parent f96de51
commit f6043ae
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/frontend/workflows/projectSelector/src/index.tsx b/frontend/workflows/projectSelector/src/index.tsx
@@ -1,6 +1,8 @@
 import type { BaseWorkflowProps, WorkflowConfiguration } from "@clutch-sh/core";
 
+import { useReducerState } from "./helpers";
 import ProjectSelector from "./project-selector";
+import { Group } from "./types";
 
 export interface WorkflowProps extends BaseWorkflowProps {}
 
@@ -26,4 +28,4 @@ const register = (): WorkflowConfiguration => {
 
 export default register;
 
-export { ProjectSelector };
+export { Group, ProjectSelector, useReducerState };
diff --git a/frontend/workflows/projectSelector/src/project-selector.tsx b/frontend/workflows/projectSelector/src/project-selector.tsx
@@ -56,7 +56,7 @@ const StyledProgressContainer = styled.div({
   },
 });
 
-const ProjectSelector = () => {
+const ProjectSelector = ({ children }) => {
   // On load, we'll request a list of owned projects and their upstreams and downstreams from the API.
   // The API will contain information about the relationships between projects and upstreams and downstreams.
   // By default, the owned projects will be checked and others will be unchecked.
@@ -156,6 +156,7 @@ const ProjectSelector = () => {
           <Divider />
           <ProjectGroup title="Downstreams" group={Group.DOWNSTREAM} />
         </StyledSelectorContainer>
+        {children}
       </StateContext.Provider>
     </DispatchContext.Provider>
   );

diff --git a/frontend/workflows/projectSelector/tsconfig.json b/frontend/workflows/projectSelector/tsconfig.json
@@ -1,6 +1,7 @@
 {
   "extends": "../../tsconfig.json",
   "compilerOptions": {
+    "composite": true,
     "outDir": "./dist",
     "rootDir": "./src"
   },