fixes (#326)

* fixes

StatusFilterOperators fixed duplicates
TestRunList fixed tags
BuildList fixed style

* TestDetailsModal style fixed

Author: pashidlos

src/components/BuildList/index.tsx

@@ -44,6 +44,7 @@ const useStyles = makeStyles(() =>
       visibility: "hidden",
     },
     listItem: {
+      paddingRight: 48,
       "&:hover $listItemSecondaryAction": {
         visibility: "inherit",
       },

src/components/TestDetailsDialog/TestDetailsModal.tsx

@@ -59,6 +59,7 @@ const useStyles = makeStyles(() => ({
     textAlign: "left",
     background: "#efefef",
     paddingLeft: 8,
+    paddingBottom: 8,
   },
   footer: {
     background: "#efefef",
@@ -465,6 +466,7 @@ const TestDetailsModal: React.FunctionComponent<TestDetailsModalProps> = ({
   const baselinePanel = () => (
     <Grid
       item
+      xs={6}
       ref={leftItemRef}
       className={classes.drawAreaItem}
       alignItems="stretch"

src/components/TestRunList/StatusFilterOperators.tsx

@@ -26,7 +26,9 @@ const StatusInputComponent = ({ item, applyValue }: GridFilterInputValueProps) =
     });
   };
 
-  const filterOptions: TestStatus[] = testRuns.map((item: TestRun) => item.status);
+  const filterOptions: Array<TestStatus> = Array.from(
+    new Set(testRuns.map((item) => item.status)),
+  );
 
   return (
     <FormControl variant="standard" fullWidth>

src/components/TestRunList/index.tsx

@@ -57,7 +57,7 @@ const columnsDef: GridColDef[] = [
     },
     renderCell: (params: GridCellParams) => (
       <React.Fragment>
-        {params.row["tags"]
+        {params.formattedValue
           ?.toString()
           .split(";")
           .map(