Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-09-05 17:53:12 +02:00
Code Issues Projects Releases Wiki Activity

stale action relevant to data

Browse Source
This commit is contained in:
Tymoteusz Czech 2023-03-14 11:15:26 +01:00
parent 0906ba736b
commit b4fc65e1e6
No known key found for this signature in database
GPG Key ID: 133555230D88D75F
3 changed files with 61 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/component/project/Project/ProjectFeatureToggles/ActionsCell/ActionsCell.tsx
View File

@ -87,7 +87,7 @@ export const ActionsCell: VFC<IActionsCellProps> = ({
disableScrollLock={true}
PaperProps={{
sx: theme => ({
borderRadius: theme.shape.borderRadius,
borderRadius: `${theme.shape.borderRadius}px`,
padding: theme.spacing(1, 1.5),
}),
}}

101
frontend/src/component/project/Project/ProjectFeatureToggles/SelectionActionsBar/MoreActions/MoreActions.tsx
View File

@ -12,14 +12,17 @@ import {
import { PermissionHOC } from 'component/common/PermissionHOC/PermissionHOC';
import { UPDATE_FEATURE } from 'component/providers/AccessProvider/permissions';
import { MoreVert, WatchLater } from '@mui/icons-material';
import type { FeatureSchema } from 'openapi';
import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
interface IMoreActionsProps {
projectId: string;
data: FeatureSchema[];
}
const menuId = 'selection-actions-menu';
export const MoreActions: VFC<IMoreActionsProps> = ({ projectId }) => {
export const MoreActions: VFC<IMoreActionsProps> = ({ projectId, data }) => {
const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);
const open = Boolean(anchorEl);
const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {
@ -29,6 +32,21 @@ export const MoreActions: VFC<IMoreActionsProps> = ({ projectId }) => {
setAnchorEl(null);
};
const hasStale = data.some(({ stale }) => stale === true);
const hasUnstale = data.some(({ stale }) => stale === false);
const onMarkAsStale = () => {
console.log('Mark as stale');
// TODO: Implement
handleClose();
};
const onUnmarkAsStale = () => {
console.log('Un-mark as stale');
// TODO: Implement
handleClose();
};
return (
<>
<Tooltip title="Feature toggle actions" arrow describeChild>
@ -53,7 +71,7 @@ export const MoreActions: VFC<IMoreActionsProps> = ({ projectId }) => {
disableScrollLock={true}
PaperProps={{
sx: theme => ({
borderRadius: theme.shape.borderRadius,
borderRadius: `${theme.shape.borderRadius}px`,
padding: theme.spacing(1, 1.5),
}),
}}
@ -65,46 +83,45 @@ export const MoreActions: VFC<IMoreActionsProps> = ({ projectId }) => {
>
{({ hasAccess }) => (
<>
<MenuItem
// sx={defaultBorderRadius}
// onClick={() => {
// handleClose();
// onOpenStaleDialog({
// featureId,
// stale: stale === true,
// });
// }}
disabled={!hasAccess}
>
<ListItemIcon>
<WatchLater />
</ListItemIcon>
<ListItemText>
<Typography variant="body2">
Mark as stale
</Typography>
</ListItemText>
</MenuItem>
<MenuItem
// sx={defaultBorderRadius}
// onClick={() => {
// handleClose();
// onOpenStaleDialog({
// featureId,
// stale: stale === true,
// });
// }}
disabled={!hasAccess}
>
<ListItemIcon>
<WatchLater />
</ListItemIcon>
<ListItemText>
<Typography variant="body2">
Un-mark as stale
</Typography>
</ListItemText>
</MenuItem>
<ConditionallyRender
condition={hasUnstale}
show={() => (
<MenuItem
onClick={onMarkAsStale}
disabled={!hasAccess}
sx={{ borderRadius: theme => `${theme.shape.borderRadius}px` }}
>
<ListItemIcon>
<WatchLater />
</ListItemIcon>
<ListItemText>
<Typography variant="body2">
Mark as stale
</Typography>
</ListItemText>
</MenuItem>
)}
/>
<ConditionallyRender
condition={hasStale}
show={() => (
<MenuItem
onClick={onUnmarkAsStale}
disabled={!hasAccess}
sx={{ borderRadius: theme => `${theme.shape.borderRadius}px` }}
>
<ListItemIcon>
<WatchLater />
</ListItemIcon>
<ListItemText>
<Typography variant="body2">
Un-mark as stale
</Typography>
</ListItemText>
</MenuItem>
)}
/>
</>
)}
</PermissionHOC>

2
frontend/src/component/project/Project/ProjectFeatureToggles/SelectionActionsBar/SelectionActionsBar.tsx
View File

@ -92,7 +92,7 @@ export const SelectionActionsBar: VFC<ISelectionActionsBarProps> = ({
>
Tags
</Button>
<MoreActions projectId={projectId} />
<MoreActions projectId={projectId} data={selectedData} />
</StyledBar>
<ConditionallyRender
condition={Boolean(uiConfig?.flags?.featuresExportImport)}