hooks updated

Author: pashidlos

src/components/BuildList.tsx

@@ -18,6 +18,7 @@ import {
   useBuildState,
   useBuildDispatch,
   deleteBuild,
+  selectBuild,
 } from "../contexts/build.context";
 import { BuildStatusChip } from "./BuildStatusChip";
 
@@ -48,6 +49,7 @@ const BuildList: FunctionComponent = () => {
           selected={selectedBuildId === build.id}
           button
           onClick={() => {
+            selectBuild(buildDispatch, build.id);
             history.push({
               search: "buildId=" + build.id,
             });

src/pages/ProjectPage.tsx

@@ -69,11 +69,18 @@ const ProjectPage = () => {
 
   useEffect(() => {
     const queryParams = getQueryParams(location.search);
-    if (queryParams.buildId) {
-      selectBuild(buildDispatch, queryParams.buildId);
-    } else if (buildList.length > 0) {
-      selectBuild(buildDispatch, buildList[0].id);
+    if (!selectedBuildId) {
+      if (queryParams.buildId) {
+        selectBuild(buildDispatch, queryParams.buildId);
+      } else if (buildList.length > 0) {
+        selectBuild(buildDispatch, buildList[0].id);
+      }
     }
+    // eslint-disable-next-line
+  }, []);
+
+  useEffect(() => {
+    const queryParams = getQueryParams(location.search);
     if (queryParams.testId) {
       setSelectedTestId(queryParams.testId);
       const index = testRuns.findIndex((t) => t.id === queryParams.testId);
@@ -82,13 +89,7 @@ const ProjectPage = () => {
       setSelectedTestId(undefined);
       setSelectedTestRunIndex(undefined);
     }
-  }, [
-    location.search,
-    buildList,
-    testRuns,
-    selectedTestRunIndex,
-    buildDispatch,
-  ]);
+  }, [location.search, testRuns]);
 
   useEffect(() => {
     if (projectId) {

src/pages/TestVariationDetailsPage.tsx

@@ -14,6 +14,7 @@ import {
 } from "@material-ui/core";
 import { buildTestRunUrl } from "../_helpers/route.helpers";
 import { TestVariationDetails } from "../components/TestVariationDetails";
+import { selectBuild, useBuildDispatch } from "../contexts/build.context";
 
 const useStyles = makeStyles({
   media: {
@@ -24,6 +25,7 @@ const useStyles = makeStyles({
 
 const TestVariationDetailsPage: React.FunctionComponent = () => {
   const classes = useStyles();
+  const buildDispatch = useBuildDispatch();
   const { testVariationId } = useParams();
   const [testVariation, setTestVariation] = React.useState<TestVariation>();
 
@@ -52,6 +54,10 @@ const TestVariationDetailsPage: React.FunctionComponent = () => {
                         color="primary"
                         component={Link}
                         disabled={!baseline.testRun}
+                        onClick={() =>
+                          baseline.testRun &&
+                          selectBuild(buildDispatch, baseline.testRun.buildId)
+                        }
                         to={
                           baseline.testRun
                             ? buildTestRunUrl(testVariation, baseline.testRun)