Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-02-09 00:18:00 +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 React from 'react';
import { ConditionallyRender } from '../../ConditionallyRender/ConditionallyRender';
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';
@ -7,13 +6,11 @@ import { useStyles } from '../ConstraintAccordion.styles';
interface ConstraintAccordionHeaderActionsProps { interface ConstraintAccordionHeaderActionsProps {
onDelete?: () => void; onDelete?: () => void;
onEdit?: () => void; onEdit?: () => void;
disableEdit?: boolean;
} }
export const ConstraintAccordionHeaderActions = ({ export const ConstraintAccordionHeaderActions = ({
onEdit, onEdit,
onDelete, onDelete,
disableEdit = false,
}: ConstraintAccordionHeaderActionsProps) => { }: ConstraintAccordionHeaderActionsProps) => {
const { classes: styles } = useStyles(); const { classes: styles } = useStyles();
const onEditClick = const onEditClick =
@ -32,34 +29,24 @@ export const ConstraintAccordionHeaderActions = ({
return ( return (
<div className={styles.headerActions}> <div className={styles.headerActions}>
<ConditionallyRender
condition={Boolean(onEditClick) && !disableEdit}
show={() => (
<Tooltip title="Edit constraint" arrow> <Tooltip title="Edit constraint" arrow>
<IconButton <IconButton
type="button" type="button"
onClick={onEditClick} onClick={onEditClick}
disabled={!onEdit} disabled={!Boolean(onEditClick)}
> >
<Edit /> <Edit />
</IconButton> </IconButton>
</Tooltip> </Tooltip>
)}
/>
<ConditionallyRender
condition={Boolean(onDeleteClick)}
show={() => (
<Tooltip title="Delete constraint" arrow> <Tooltip title="Delete constraint" arrow>
<IconButton <IconButton
type="button" type="button"
onClick={onDeleteClick} onClick={onDeleteClick}
disabled={!onDelete} disabled={!Boolean(onDeleteClick)}
> >
<Delete /> <Delete />
</IconButton> </IconButton>
</Tooltip> </Tooltip>
)}
/>
</div> </div>
); );
}; };