chore: delete label confirmation modal (#1069)
* fix: negative days displayed on upcoming issues on dashboard * chore: show completed and cancelled states by default * chore: delete label confirmation modal
This commit is contained in:
parent
27626fb16f
commit
d41250c1ce
8 changed files with 157 additions and 29 deletions
|
|
@ -12,6 +12,7 @@ import { ProjectAuthorizationWrapper } from "layouts/auth-layout";
|
|||
// components
|
||||
import {
|
||||
CreateUpdateLabelInline,
|
||||
DeleteLabelModal,
|
||||
LabelsListModal,
|
||||
SingleLabel,
|
||||
SingleLabelGroup,
|
||||
|
|
@ -40,6 +41,9 @@ const LabelsSettings: NextPage = () => {
|
|||
const [labelsListModal, setLabelsListModal] = useState(false);
|
||||
const [parentLabel, setParentLabel] = useState<IIssueLabels | undefined>(undefined);
|
||||
|
||||
// delete label
|
||||
const [selectDeleteLabel, setSelectDeleteLabel] = useState<IIssueLabels | null>(null);
|
||||
|
||||
const router = useRouter();
|
||||
const { workspaceSlug, projectId } = router.query;
|
||||
|
||||
|
|
@ -52,7 +56,7 @@ const LabelsSettings: NextPage = () => {
|
|||
: null
|
||||
);
|
||||
|
||||
const { data: issueLabels, mutate } = useSWR<IIssueLabels[]>(
|
||||
const { data: issueLabels } = useSWR(
|
||||
workspaceSlug && projectId ? PROJECT_ISSUE_LABELS(projectId as string) : null,
|
||||
workspaceSlug && projectId
|
||||
? () => issuesService.getIssueLabels(workspaceSlug as string, projectId as string)
|
||||
|
|
@ -75,15 +79,6 @@ const LabelsSettings: NextPage = () => {
|
|||
setLabelToUpdate(label);
|
||||
};
|
||||
|
||||
const handleLabelDelete = (labelId: string) => {
|
||||
if (workspaceSlug && projectDetails) {
|
||||
mutate((prevData) => prevData?.filter((p) => p.id !== labelId), false);
|
||||
issuesService
|
||||
.deleteIssueLabel(workspaceSlug as string, projectDetails.id, labelId)
|
||||
.catch((e) => console.log(e));
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<>
|
||||
<LabelsListModal
|
||||
|
|
@ -91,6 +86,11 @@ const LabelsSettings: NextPage = () => {
|
|||
handleClose={() => setLabelsListModal(false)}
|
||||
parent={parentLabel}
|
||||
/>
|
||||
<DeleteLabelModal
|
||||
isOpen={!!selectDeleteLabel}
|
||||
data={selectDeleteLabel ?? null}
|
||||
onClose={() => setSelectDeleteLabel(null)}
|
||||
/>
|
||||
<ProjectAuthorizationWrapper
|
||||
breadcrumbs={
|
||||
<Breadcrumbs>
|
||||
|
|
@ -143,7 +143,7 @@ const LabelsSettings: NextPage = () => {
|
|||
behavior: "smooth",
|
||||
});
|
||||
}}
|
||||
handleLabelDelete={handleLabelDelete}
|
||||
handleLabelDelete={() => setSelectDeleteLabel(label)}
|
||||
/>
|
||||
);
|
||||
} else
|
||||
|
|
@ -159,7 +159,7 @@ const LabelsSettings: NextPage = () => {
|
|||
behavior: "smooth",
|
||||
});
|
||||
}}
|
||||
handleLabelDelete={handleLabelDelete}
|
||||
handleLabelDelete={() => setSelectDeleteLabel(label)}
|
||||
/>
|
||||
);
|
||||
})
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue