forked from github/plane
231fd52992
* dev: project archive response * feat: projects archive. * dev: response changes for cycle and module * chore: status message changed * chore: update clear all applied display filters logic. * style: archived project card UI update. * chore: archive/ restore taost message update. * fix: clear all applied display filter logic. * chore: project empty state update to handle archived projects. * chore: minor typo fix in cycles and modules archive. * chore: close cycle/ module overview sidebar if it's already open when clicked on overview button. * chore: optimize current workspace applied display filter logic. * chore: update all `archived_at` type from `Date` to `string`. --------- Co-authored-by: NarayanBavisetti <narayan3119@gmail.com>
63 lines
2.3 KiB
TypeScript
63 lines
2.3 KiB
TypeScript
import React from "react";
|
|
import { ChevronRight, ChevronUp } from "lucide-react";
|
|
import { Disclosure, Transition } from "@headlessui/react";
|
|
// types
|
|
import { IProject } from "@plane/types";
|
|
// ui
|
|
import { Button, Loader } from "@plane/ui";
|
|
|
|
export interface IDeleteProjectSection {
|
|
projectDetails: IProject;
|
|
handleDelete: () => void;
|
|
}
|
|
|
|
export const DeleteProjectSection: React.FC<IDeleteProjectSection> = (props) => {
|
|
const { projectDetails, handleDelete } = props;
|
|
|
|
return (
|
|
<Disclosure as="div" className="border-t border-custom-border-100 py-4">
|
|
{({ open }) => (
|
|
<div className="w-full">
|
|
<Disclosure.Button as="button" type="button" className="flex w-full items-center justify-between">
|
|
<span className="text-xl tracking-tight">Delete Project</span>
|
|
{open ? <ChevronUp className="h-5 w-5" /> : <ChevronRight className="h-5 w-5" />}
|
|
</Disclosure.Button>
|
|
|
|
<Transition
|
|
show={open}
|
|
enter="transition duration-100 ease-out"
|
|
enterFrom="transform opacity-0"
|
|
enterTo="transform opacity-100"
|
|
leave="transition duration-75 ease-out"
|
|
leaveFrom="transform opacity-100"
|
|
leaveTo="transform opacity-0"
|
|
>
|
|
<Disclosure.Panel>
|
|
<div className="flex flex-col gap-8 pt-4">
|
|
<span className="text-sm tracking-tight">
|
|
The danger zone of the project delete page is a critical area that requires careful consideration and
|
|
attention. When deleting a project, all of the data and resources within that project will be
|
|
permanently removed and cannot be recovered.
|
|
</span>
|
|
<div>
|
|
{projectDetails ? (
|
|
<div>
|
|
<Button variant="danger" onClick={handleDelete}>
|
|
Delete my project
|
|
</Button>
|
|
</div>
|
|
) : (
|
|
<Loader className="mt-2 w-full">
|
|
<Loader.Item height="38px" width="144px" />
|
|
</Loader>
|
|
)}
|
|
</div>
|
|
</div>
|
|
</Disclosure.Panel>
|
|
</Transition>
|
|
</div>
|
|
)}
|
|
</Disclosure>
|
|
);
|
|
};
|