275 tv clean (#216)

* Clean up old test variations

Visual-Regression-Tracker/Visual-Regression-Tracker#275

* Clean up old test variations

Visual-Regression-Tracker/Visual-Regression-Tracker#275

Author: pashidlos

src/components/TestDetailsModal.tsx

@@ -17,10 +17,7 @@ import {
 import { ToggleButton } from "@material-ui/lab";
 import { useHotkeys } from "react-hotkeys-hook";
 import { TestRun } from "../types";
-import {
-  testRunService,
-  staticService,
-} from "../services";
+import { testRunService, staticService } from "../services";
 import { TestStatus } from "../types/testStatus";
 import { useHistory, Prompt } from "react-router-dom";
 import { IgnoreArea, UpdateIgnoreAreaDto } from "../types/ignoreArea";
@@ -173,9 +170,9 @@ const TestDetailsModal: React.FunctionComponent<{
   const fitStageToScreen = () => {
     const scale = image
       ? Math.min(
-        stageWidth < image.width ? stageWidth / image.width : 1,
-        stageHeigth < image.height ? stageHeigth / image.height : 1
-      )
+          stageWidth < image.width ? stageWidth / image.width : 1,
+          stageHeigth < image.height ? stageHeigth / image.height : 1
+        )
       : 1;
     setStageScale(scale);
     resetPositioin();
@@ -190,23 +187,36 @@ const TestDetailsModal: React.FunctionComponent<{
     let newIgnoreArea = ignoreAreas.find((area) => selectedRectId! === area.id);
     if (newIgnoreArea) {
       setProcessing(true);
-      testRunService.getList(testRun.buildId).then(
-        (testRuns: TestRun[]) => {
+      testRunService
+        .getList(testRun.buildId)
+        .then((testRuns: TestRun[]) => {
           let allIds = testRuns.map((item) => item.id);
-          let data: UpdateIgnoreAreaDto = { ids: allIds, ignoreAreas: [newIgnoreArea!] };
+          let data: UpdateIgnoreAreaDto = {
+            ids: allIds,
+            ignoreAreas: [newIgnoreArea!],
+          };
           testRunService.addIgnoreAreas(data).then(() => {
             setProcessing(false);
             setSelectedRectId(undefined);
-            enqueueSnackbar("Ignore areas are updated in all images in this build.", {
-              variant: "success",
-            });
+            enqueueSnackbar(
+              "Ignore areas are updated in all images in this build.",
+              {
+                variant: "success",
+              }
+            );
+          });
+        })
+        .catch((error) => {
+          enqueueSnackbar("There was an error : " + error, {
+            variant: "error",
           });
-        }).catch((error) => {
-          enqueueSnackbar("There was an error : " + error, { variant: "error" });
           setProcessing(false);
         });
     } else {
-      enqueueSnackbar("There was an error determining which ignore area to apply.", { variant: "error" });
+      enqueueSnackbar(
+        "There was an error determining which ignore area to apply.",
+        { variant: "error" }
+      );
     }
   };
 
@@ -265,10 +275,10 @@ const TestDetailsModal: React.FunctionComponent<{
             )}
             {(testRun.status === TestStatus.unresolved ||
               testRun.status === TestStatus.new) && (
-                <Grid item>
-                  <ApproveRejectButtons testRun={testRun} />
-                </Grid>
-              )}
+              <Grid item>
+                <ApproveRejectButtons testRun={testRun} />
+              </Grid>
+            )}
             <Grid item>
               <IconButton color="inherit" onClick={handleClose}>
                 <Close />
@@ -277,7 +287,7 @@ const TestDetailsModal: React.FunctionComponent<{
           </Grid>
         </Toolbar>
       </AppBar>
-      {(processing) && <LinearProgress />}
+      {processing && <LinearProgress />}
       <Box m={1}>
         <Grid container alignItems="center">
           <Grid item xs={12}>
@@ -349,13 +359,14 @@ const TestDetailsModal: React.FunctionComponent<{
                   </IconButton>
                 </Grid>
               </Tooltip>
-              <Tooltip title="Apply selected ignore area to all images in this build." aria-label="apply ignore area">
+              <Tooltip
+                title="Apply selected ignore area to all images in this build."
+                aria-label="apply ignore area"
+              >
                 <Grid item>
                   <IconButton
                     disabled={!selectedRectId || ignoreAreas.length === 0}
-                    onClick={() =>
-                      applyIgnoreArea()
-                    }
+                    onClick={() => applyIgnoreArea()}
                   >
                     <Collections />
                   </IconButton>
@@ -374,6 +385,7 @@ const TestDetailsModal: React.FunctionComponent<{
           <Grid item>
             <Button
               color="primary"
+              disabled={!testRun.testVariationId}
               onClick={() => {
                 history.push(
                   `${routes.VARIATION_DETAILS_PAGE}/${testRun.testVariationId}`