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

Merge pull request #747 from Unleash/fix/remove-project

Browse Source 
refactor: update remove project function
This commit is contained in:
Youssef Khedher 2022-03-01 17:00:28 +01:00 committed by GitHub
commit fafeaa4339
1 changed files with 29 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
frontend/src/component/project/ProjectCard/ProjectCard.tsx
View File

@ -1,18 +1,19 @@
import { Card, Menu, MenuItem } from '@material-ui/core';
import { useStyles } from './ProjectCard.styles';
import MoreVertIcon from '@material-ui/icons/MoreVert';
import { ReactComponent as ProjectIcon } from '../../../assets/icons/projectIcon.svg';
import { useState } from 'react';
import { useHistory } from 'react-router-dom';
import Dialogue from '../../common/Dialogue';
import useProjectApi from '../../../hooks/api/actions/useProjectApi/useProjectApi';
import useProjects from '../../../hooks/api/getters/useProjects/useProjects';
import Dialogue from 'component/common/Dialogue';
import useProjectApi from 'hooks/api/actions/useProjectApi/useProjectApi';
import useProjects from 'hooks/api/getters/useProjects/useProjects';
import { Delete, Edit } from '@material-ui/icons';
import { getProjectEditPath } from '../../../utils/route-path-helpers';
import PermissionIconButton from '../../common/PermissionIconButton/PermissionIconButton';
import useToast from '../../../hooks/useToast';
import { UPDATE_PROJECT } from '../../providers/AccessProvider/permissions';
import { getProjectEditPath } from 'utils/route-path-helpers';
import PermissionIconButton from 'component/common/PermissionIconButton/PermissionIconButton';
import useToast from 'hooks/useToast';
import { UPDATE_PROJECT } from 'component/providers/AccessProvider/permissions';
import { formatUnknownError } from 'utils/format-unknown-error';
interface IProjectCardProps {
name: string;
featureCount: number;
@ -22,7 +23,7 @@ interface IProjectCardProps {
onHover: () => void;
}
const ProjectCard = ({
export const ProjectCard = ({
name,
featureCount,
health,
@ -43,6 +44,23 @@ const ProjectCard = ({
setAnchorEl(e.currentTarget);
};
const onRemoveProject = async (e: Event) => {
e.preventDefault();
try {
await deleteProject(id);
refetchProjectOverview();
setToastData({
title: 'Deleted project',
type: 'success',
text: 'Successfully deleted project',
});
} catch (e: unknown) {
setToastApiError(formatUnknownError(e));
}
setShowDelDialog(false);
setAnchorEl(null);
};
return (
<Card className={styles.projectCard} onMouseEnter={onHover}>
<div className={styles.header} data-loading>
@ -71,7 +89,6 @@ const ProjectCard = ({
<MenuItem
onClick={e => {
e.preventDefault();
history.push(getProjectEditPath(id));
}}
>
@ -115,27 +132,8 @@ const ProjectCard = ({
</div>
<Dialogue
open={showDelDialog}
onClick={e => {
e.preventDefault();
deleteProject(id)
.then(() => {
setToastData({
title: 'Deleted project',
type: 'success',
text: 'Successfully deleted project',
});
refetchProjectOverview();
})
.catch(e => {
setToastApiError(e.message);
})
.finally(() => {
setShowDelDialog(false);
setAnchorEl(null);
});
}}
onClose={e => {
e.preventDefault();
onClick={onRemoveProject}
onClose={() => {
setAnchorEl(null);
setShowDelDialog(false);
}}
@ -144,5 +142,3 @@ const ProjectCard = ({
</Card>
);
};
export default ProjectCard;