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:
Aaryan Khandelwal 2023-05-17 16:04:56 +05:30 committed by GitHub
parent 27626fb16f
commit d41250c1ce
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
8 changed files with 157 additions and 29 deletions

View file

@ -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)}
/>
);
})