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