forked from github/plane
20e7dc68e6
* style: update modals typography, alignment * style: made the modal separator full width * style: delete modals consistency * style: update the remaining delete modals * chore: delete modal secondary button text * style: update the remaining create modals * chore: update cancel button text * chore: created modal core * style: modals responsiveness
59 lines
1.5 KiB
TypeScript
59 lines
1.5 KiB
TypeScript
import React, { useState } from "react";
|
|
// types
|
|
import type { TIssue } from "@plane/types";
|
|
// components
|
|
import { AlertModalCore } from "@/components/core";
|
|
// hooks
|
|
import { useProject } from "@/hooks/store";
|
|
|
|
type Props = {
|
|
data: Partial<TIssue>;
|
|
isOpen: boolean;
|
|
onClose: () => void;
|
|
onSubmit: () => Promise<void>;
|
|
};
|
|
|
|
export const DeclineIssueModal: React.FC<Props> = (props) => {
|
|
const { isOpen, onClose, data, onSubmit } = props;
|
|
// states
|
|
const [isDeclining, setIsDeclining] = useState(false);
|
|
// store hooks
|
|
const { getProjectById } = useProject();
|
|
// derived values
|
|
const projectDetails = data.project_id ? getProjectById(data?.project_id) : undefined;
|
|
|
|
const handleClose = () => {
|
|
setIsDeclining(false);
|
|
onClose();
|
|
};
|
|
|
|
const handleDecline = async () => {
|
|
setIsDeclining(true);
|
|
await onSubmit().finally(() => setIsDeclining(false));
|
|
};
|
|
|
|
return (
|
|
<AlertModalCore
|
|
handleClose={handleClose}
|
|
handleSubmit={handleDecline}
|
|
isDeleting={isDeclining}
|
|
isOpen={isOpen}
|
|
title="Decline Issue"
|
|
content={
|
|
<>
|
|
{" "}
|
|
Are you sure you want to decline issue{" "}
|
|
<span className="break-words font-medium text-custom-text-100">
|
|
{projectDetails?.identifier}-{data?.sequence_id}
|
|
</span>
|
|
{""}? This action cannot be undone.
|
|
</>
|
|
}
|
|
primaryButtonText={{
|
|
loading: "Declining",
|
|
default: "Decline",
|
|
}}
|
|
/>
|
|
);
|
|
};
|