fix(dev-console): changed lighthouse config page using appId (#1528)

1-Platform · Apr 13, 2022 · 29cff0d · 29cff0d
1 parent ddbdaa3
commit 29cff0d
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 8 deletions.
diff --git a/packages/developer-console-spa/package-lock.json b/packages/developer-console-spa/package-lock.json
diff --git a/packages/developer-console-spa/package.json b/packages/developer-console-spa/package.json
@@ -1,6 +1,6 @@
 {
   "name": "developer-console-spa",
-  "version": "0.2.11",
+  "version": "0.2.12",
   "homepage": "/console",
   "description": "The place where developers can get started with using One Platform for SPA deployments and integrating with One Platform Microservices.",
   "author": {

diff --git a/packages/developer-console-spa/src/components/ConfigureLighthouse.tsx b/packages/developer-console-spa/src/components/ConfigureLighthouse.tsx
@@ -39,8 +39,12 @@ const ConfigureLighthouse = ( props: any ) => {
   } );
   const [ isCardExpanded, setIsCardExpanded ] = useState( true );
   const [ showConfirmation, setShowConfirmation ] = useState( false );
-  const { app, loading: appLoading } = useContext( AppContext );
-  const { lighthouseConfig, setLighthouseConfig, loading: lighthouseConfigLoading } = useLighthouseConfig( app.id );
+  const { app, loading: appLoading, appId } = useContext( AppContext );
+  const {
+    lighthouseConfig,
+    setLighthouseConfig,
+    loading: lighthouseConfigLoading,
+  } = useLighthouseConfig(appId);
 
   const lighthouseDocLink = 'https://github.com/GoogleChrome/lighthouse-ci/blob/main/docs/getting-started.md';
   const lighthouseConfigDocLink = 'https://github.com/GoogleChrome/lighthouse-ci/blob/main/docs/configuration.md';

diff --git a/packages/developer-console-spa/src/components/lighthouse/LinkProjectForm.tsx b/packages/developer-console-spa/src/components/lighthouse/LinkProjectForm.tsx
@@ -36,7 +36,7 @@ const LinkProjectForm = ( props: LinkProjectProps ) => {
   const [ projects, setProjects ] = useState( [] );
   const [ isProjectListOpen, setIsProjectListOpen ] = useState( false );
   const [ filteredProjects, setFilteredProjects ] = useState( [] );
-  const { app } = useContext( AppContext );
+  const { appId } = useContext( AppContext );
 
   const editMode = Boolean( lighthouseConfig?.projectId );
 
@@ -83,7 +83,7 @@ const LinkProjectForm = ( props: LinkProjectProps ) => {
   };
   const onCreateOption = ( newValue: any ) => {
     const config = {
-      appId: app.id,
+      appId,
       projectId: selectedProject.id,
       branch: newValue,
       createdBy: window.OpAuthHelper.getUserInfo().rhatUUID
@@ -115,7 +115,7 @@ const LinkProjectForm = ( props: LinkProjectProps ) => {
   const linkProject = ( data: LinkProjectFormInput ) => {
     setIsPrimaryLoading( true );
     const config = {
-      appId: app.id,
+      appId: appId,
       projectId: selectedProject.id,
       branch: data.branch,
       createdBy: window.OpAuthHelper.getUserInfo().rhatUUID