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

@ -147,7 +147,7 @@ export const ConstraintAccordionEditHeader = ({
</p> </p>
} }
/> />
<ConstraintAccordionHeaderActions onDelete={onDelete} disableEdit/> <ConstraintAccordionHeaderActions onDelete={onDelete} disableEdit />
</div> </div>
); );
}; };

View File

@ -2,20 +2,20 @@ import React from 'react';
import { IconButton, Tooltip } from '@mui/material'; import { IconButton, Tooltip } from '@mui/material';
import { Delete, Edit } from '@mui/icons-material'; import { Delete, Edit } from '@mui/icons-material';
import { useStyles } from '../ConstraintAccordion.styles'; import { useStyles } from '../ConstraintAccordion.styles';
import {ConditionallyRender} from "../../ConditionallyRender/ConditionallyRender"; import { ConditionallyRender } from '../../ConditionallyRender/ConditionallyRender';
interface ConstraintAccordionHeaderActionsProps { interface ConstraintAccordionHeaderActionsProps {
onDelete?: () => void; onDelete?: () => void;
onEdit?: () => void; onEdit?: () => void;
disableEdit?: boolean; disableEdit?: boolean;
disableDelete?: boolean disableDelete?: boolean;
} }
export const ConstraintAccordionHeaderActions = ({ export const ConstraintAccordionHeaderActions = ({
onEdit, onEdit,
onDelete, onDelete,
disableDelete = false, disableDelete = false,
disableEdit = false disableEdit = false,
}: ConstraintAccordionHeaderActionsProps) => { }: ConstraintAccordionHeaderActionsProps) => {
const { classes: styles } = useStyles(); const { classes: styles } = useStyles();
const onEditClick = const onEditClick =
@ -34,26 +34,34 @@ export const ConstraintAccordionHeaderActions = ({
return ( return (
<div className={styles.headerActions}> <div className={styles.headerActions}>
<ConditionallyRender condition={Boolean(onEditClick) && !disableEdit} show={ <ConditionallyRender
<Tooltip title="Edit constraint" arrow> condition={Boolean(onEditClick) && !disableEdit}
<IconButton show={
type="button" <Tooltip title="Edit constraint" arrow>
onClick={onEditClick} <IconButton
disabled={disableEdit} type="button"
> onClick={onEditClick}
<Edit /> disabled={disableEdit}
</IconButton> >
</Tooltip>} /> <Edit />
<ConditionallyRender condition={Boolean(onDeleteClick) && !disableDelete} show={ </IconButton>
<Tooltip title="Delete constraint" arrow> </Tooltip>
<IconButton }
type="button" />
onClick={onDeleteClick} <ConditionallyRender
disabled={disableDelete} condition={Boolean(onDeleteClick) && !disableDelete}
> show={
<Delete /> <Tooltip title="Delete constraint" arrow>
</IconButton> <IconButton
</Tooltip>} /> type="button"
onClick={onDeleteClick}
disabled={disableDelete}
>
<Delete />
</IconButton>
</Tooltip>
}
/>
</div> </div>
); );
}; };

View File

@ -44,6 +44,7 @@ export const ConstraintAccordionView = ({
className={styles.accordion} className={styles.accordion}
classes={{ root: styles.accordionRoot }} classes={{ root: styles.accordionRoot }}
expanded={expanded} expanded={expanded}
sx={{ cursor: expandable ? 'pointer' : 'default' }}
> >
<AccordionSummary <AccordionSummary
className={styles.summary} className={styles.summary}

View File

@ -6,7 +6,6 @@ import {
Typography, Typography,
useTheme, useTheme,
} from '@mui/material'; } from '@mui/material';
import { useEnvironments } from 'hooks/api/getters/useEnvironments/useEnvironments';
import useProjects from 'hooks/api/getters/useProjects/useProjects'; import useProjects from 'hooks/api/getters/useProjects/useProjects';
import { GuidanceIndicator } from 'component/common/GuidanceIndicator/GuidanceIndicator'; 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 { PlaygroundFeatureSchema } from 'hooks/api/actions/usePlayground/playground.model';
import { Box, Typography, useMediaQuery, useTheme } from '@mui/material'; import { Box, Typography, useMediaQuery, useTheme } from '@mui/material';
import useLoading from 'hooks/useLoading'; import useLoading from 'hooks/useLoading';
import { GuidanceIndicator } from 'component/common/GuidanceIndicator/GuidanceIndicator';
import { VariantCell } from './VariantCell/VariantCell'; import { VariantCell } from './VariantCell/VariantCell';
const defaultSort: SortingRule<string> = { id: 'name' }; const defaultSort: SortingRule<string> = { id: 'name' };