Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-02-04 00:18:01 +01:00
Code Issues Projects Releases Wiki Activity

bug fix

Browse Source
This commit is contained in:
andreas-unleash 2022-07-22 13:56:27 +03:00
parent 5feee0d2d8
commit 47c33e62e1
1 changed files with 18 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
frontend/src/component/common/ConstraintAccordion/ConstraintAccordionHeaderActions/ConstraintAccordionHeaderActions.tsx
View File

@ -1,5 +1,4 @@
import React from 'react';
import { ConditionallyRender } from '../../ConditionallyRender/ConditionallyRender';
import { IconButton, Tooltip } from '@mui/material';
import { Delete, Edit } from '@mui/icons-material';
import { useStyles } from '../ConstraintAccordion.styles';
@ -7,13 +6,11 @@ import { useStyles } from '../ConstraintAccordion.styles';
interface ConstraintAccordionHeaderActionsProps {
onDelete?: () => void;
onEdit?: () => void;
disableEdit?: boolean;
}
export const ConstraintAccordionHeaderActions = ({
onEdit,
onDelete,
disableEdit = false,
}: ConstraintAccordionHeaderActionsProps) => {
const { classes: styles } = useStyles();
const onEditClick =
@ -32,34 +29,24 @@ 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={!onEdit}
disabled={!Boolean(onEditClick)}
>
<Edit />
</IconButton>
</Tooltip>
)}
/>
<ConditionallyRender
condition={Boolean(onDeleteClick)}
show={() => (
<Tooltip title="Delete constraint" arrow>
<IconButton
type="button"
onClick={onDeleteClick}
disabled={!onDelete}
disabled={!Boolean(onDeleteClick)}
>
<Delete />
</IconButton>
</Tooltip>
)}
/>
</div>
);
};