From 37669fadb88a3a6587bb2749df5e148b8ac4b791 Mon Sep 17 00:00:00 2001
From: andreas-unleash <104830839+andreas-unleash@users.noreply.github.com>
Date: Mon, 25 Jul 2022 11:13:21 +0300
Subject: [PATCH] bug fix

---
 .../ConstraintAccordionEditHeader.tsx         |  2 +-
 .../ConstraintAccordionHeaderActions.tsx      | 54 +++++++++++--------
 .../ConstraintAccordionView.tsx               |  1 +
 .../PlaygroundConnectionFieldset.tsx          |  1 -
 .../PlaygroundResultsTable.tsx                |  1 -
 5 files changed, 33 insertions(+), 26 deletions(-)

diff --git a/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditHeader/ConstraintAccordionEditHeader.tsx b/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditHeader/ConstraintAccordionEditHeader.tsx
index 5edb1eb890..3e474a34f9 100644
--- a/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditHeader/ConstraintAccordionEditHeader.tsx
+++ b/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditHeader/ConstraintAccordionEditHeader.tsx
@@ -147,7 +147,7 @@ export const ConstraintAccordionEditHeader = ({
                     </p>
                 }
             />
-            <ConstraintAccordionHeaderActions onDelete={onDelete} disableEdit/>
+            <ConstraintAccordionHeaderActions onDelete={onDelete} disableEdit />
         </div>
     );
 };
diff --git a/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionHeaderActions/ConstraintAccordionHeaderActions.tsx b/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionHeaderActions/ConstraintAccordionHeaderActions.tsx
index c02fbcfdf2..810a3b9e63 100644
--- a/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionHeaderActions/ConstraintAccordionHeaderActions.tsx
+++ b/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionHeaderActions/ConstraintAccordionHeaderActions.tsx
@@ -2,20 +2,20 @@ import React from 'react';
 import { IconButton, Tooltip } from '@mui/material';
 import { Delete, Edit } from '@mui/icons-material';
 import { useStyles } from '../ConstraintAccordion.styles';
-import {ConditionallyRender} from "../../ConditionallyRender/ConditionallyRender";
+import { ConditionallyRender } from '../../ConditionallyRender/ConditionallyRender';
 
 interface ConstraintAccordionHeaderActionsProps {
     onDelete?: () => void;
     onEdit?: () => void;
     disableEdit?: boolean;
-    disableDelete?: boolean
+    disableDelete?: boolean;
 }
 
 export const ConstraintAccordionHeaderActions = ({
     onEdit,
     onDelete,
     disableDelete = false,
-    disableEdit = false
+    disableEdit = false,
 }: ConstraintAccordionHeaderActionsProps) => {
     const { classes: styles } = useStyles();
     const onEditClick =
@@ -34,26 +34,34 @@ export const ConstraintAccordionHeaderActions = ({
 
     return (
         <div className={styles.headerActions}>
-            <ConditionallyRender condition={Boolean(onEditClick) && !disableEdit} show={
-            <Tooltip title="Edit constraint" arrow>
-                <IconButton
-                    type="button"
-                    onClick={onEditClick}
-                    disabled={disableEdit}
-                >
-                    <Edit />
-                </IconButton>
-            </Tooltip>} />
-            <ConditionallyRender condition={Boolean(onDeleteClick) && !disableDelete} show={
-            <Tooltip title="Delete constraint" arrow>
-                <IconButton
-                    type="button"
-                    onClick={onDeleteClick}
-                    disabled={disableDelete}
-                >
-                    <Delete />
-                </IconButton>
-            </Tooltip>} />
+            <ConditionallyRender
+                condition={Boolean(onEditClick) && !disableEdit}
+                show={
+                    <Tooltip title="Edit constraint" arrow>
+                        <IconButton
+                            type="button"
+                            onClick={onEditClick}
+                            disabled={disableEdit}
+                        >
+                            <Edit />
+                        </IconButton>
+                    </Tooltip>
+                }
+            />
+            <ConditionallyRender
+                condition={Boolean(onDeleteClick) && !disableDelete}
+                show={
+                    <Tooltip title="Delete constraint" arrow>
+                        <IconButton
+                            type="button"
+                            onClick={onDeleteClick}
+                            disabled={disableDelete}
+                        >
+                            <Delete />
+                        </IconButton>
+                    </Tooltip>
+                }
+            />
         </div>
     );
 };
diff --git a/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionView/ConstraintAccordionView.tsx b/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionView/ConstraintAccordionView.tsx
index 9d1015adfb..9668b0070b 100644
--- a/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionView/ConstraintAccordionView.tsx
+++ b/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionView/ConstraintAccordionView.tsx
@@ -44,6 +44,7 @@ export const ConstraintAccordionView = ({
             className={styles.accordion}
             classes={{ root: styles.accordionRoot }}
             expanded={expanded}
+            sx={{ cursor: expandable ? 'pointer' : 'default' }}
         >
             <AccordionSummary
                 className={styles.summary}
diff --git a/frontend/src/component/playground/Playground/PlaygroundForm/PlaygroundConnectionFieldset/PlaygroundConnectionFieldset.tsx b/frontend/src/component/playground/Playground/PlaygroundForm/PlaygroundConnectionFieldset/PlaygroundConnectionFieldset.tsx
index a066c7219d..c364bfecb4 100644
--- a/frontend/src/component/playground/Playground/PlaygroundForm/PlaygroundConnectionFieldset/PlaygroundConnectionFieldset.tsx
+++ b/frontend/src/component/playground/Playground/PlaygroundForm/PlaygroundConnectionFieldset/PlaygroundConnectionFieldset.tsx
@@ -6,7 +6,6 @@ import {
     Typography,
     useTheme,
 } from '@mui/material';
-import { useEnvironments } from 'hooks/api/getters/useEnvironments/useEnvironments';
 import useProjects from 'hooks/api/getters/useProjects/useProjects';
 import { GuidanceIndicator } from 'component/common/GuidanceIndicator/GuidanceIndicator';
 
diff --git a/frontend/src/component/playground/Playground/PlaygroundResultsTable/PlaygroundResultsTable.tsx b/frontend/src/component/playground/Playground/PlaygroundResultsTable/PlaygroundResultsTable.tsx
index 5f7137c5fb..2e695ce979 100644
--- a/frontend/src/component/playground/Playground/PlaygroundResultsTable/PlaygroundResultsTable.tsx
+++ b/frontend/src/component/playground/Playground/PlaygroundResultsTable/PlaygroundResultsTable.tsx
@@ -22,7 +22,6 @@ import { FeatureStatusCell } from './FeatureStatusCell/FeatureStatusCell';
 import { PlaygroundFeatureSchema } from 'hooks/api/actions/usePlayground/playground.model';
 import { Box, Typography, useMediaQuery, useTheme } from '@mui/material';
 import useLoading from 'hooks/useLoading';
-import { GuidanceIndicator } from 'component/common/GuidanceIndicator/GuidanceIndicator';
 import { VariantCell } from './VariantCell/VariantCell';
 
 const defaultSort: SortingRule<string> = { id: 'name' };