1
0
mirror of https://github.com/Unleash/unleash.git synced 2025-02-04 00:18:01 +01:00
This commit is contained in:
andreas-unleash 2022-07-25 11:13:21 +03:00
parent 70e8df83b5
commit 37669fadb8
5 changed files with 33 additions and 26 deletions

View File

@ -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,7 +34,9 @@ export const ConstraintAccordionHeaderActions = ({
return (
<div className={styles.headerActions}>
<ConditionallyRender condition={Boolean(onEditClick) && !disableEdit} show={
<ConditionallyRender
condition={Boolean(onEditClick) && !disableEdit}
show={
<Tooltip title="Edit constraint" arrow>
<IconButton
type="button"
@ -43,8 +45,12 @@ export const ConstraintAccordionHeaderActions = ({
>
<Edit />
</IconButton>
</Tooltip>} />
<ConditionallyRender condition={Boolean(onDeleteClick) && !disableDelete} show={
</Tooltip>
}
/>
<ConditionallyRender
condition={Boolean(onDeleteClick) && !disableDelete}
show={
<Tooltip title="Delete constraint" arrow>
<IconButton
type="button"
@ -53,7 +59,9 @@ export const ConstraintAccordionHeaderActions = ({
>
<Delete />
</IconButton>
</Tooltip>} />
</Tooltip>
}
/>
</div>
);
};

View File

@ -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}

View File

@ -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';

View File

@ -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' };