-
-
Notifications
You must be signed in to change notification settings - Fork 136
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge branch 'develop' into feat/platform-environments
- Loading branch information
Showing
3 changed files
with
189 additions
and
36 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
133 changes: 133 additions & 0 deletions
133
apps/platform/src/components/dashboard/project/confirmDeleteProject/index.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,133 @@ | ||
| import { TrashSVG } from '@public/svg/shared' | ||
| import { useAtom, useAtomValue } from 'jotai' | ||
| import React, { useCallback, useEffect } from 'react' | ||
| import { toast } from 'sonner' | ||
| import { deleteProjectOpenAtom, selectedProjectAtom } from '@/store' | ||
| import { | ||
| AlertDialog, | ||
| AlertDialogAction, | ||
| AlertDialogCancel, | ||
| AlertDialogContent, | ||
| AlertDialogDescription, | ||
| AlertDialogFooter, | ||
| AlertDialogHeader, | ||
| AlertDialogTitle | ||
| } from '@/components/ui/alert-dialog' | ||
| import ControllerInstance from '@/lib/controller-instance' | ||
|
|
||
| interface ConfirmDeleteProjectProps { | ||
| reCallGetAllProjects: () => void | ||
| } | ||
|
|
||
| function ConfirmDeleteProject({ | ||
| reCallGetAllProjects | ||
| }: ConfirmDeleteProjectProps): React.JSX.Element { | ||
| const [isDeleteProjectOpen, setIsDeleteProjectOpen] = useAtom( | ||
| deleteProjectOpenAtom | ||
| ) | ||
| const selectedProject = useAtomValue(selectedProjectAtom) | ||
|
|
||
| const handleClose = () => { | ||
| setIsDeleteProjectOpen(false) | ||
| } | ||
|
|
||
| const deleteProject = async () => { | ||
| if (selectedProject === null) { | ||
| toast.error('No project selected', { | ||
| description: ( | ||
| <p className="text-xs text-red-300"> | ||
| No project selected. Please select a project. | ||
| </p> | ||
| ) | ||
| }) | ||
| return | ||
| } | ||
|
|
||
| const projectSlug = selectedProject.slug | ||
|
|
||
| const { success, error } = | ||
| await ControllerInstance.getInstance().projectController.deleteProject( | ||
| { projectSlug }, | ||
| {} | ||
| ) | ||
|
|
||
| if (success) { | ||
| toast.success('Project deleted successfully', { | ||
| description: ( | ||
| <p className="text-xs text-emerald-300"> | ||
| The project has been deleted. | ||
| </p> | ||
| ) | ||
| }) | ||
| reCallGetAllProjects() | ||
| } | ||
|
|
||
| if (error) { | ||
| toast.error('Something went wrong!', { | ||
| description: ( | ||
| <p className="text-xs text-red-300"> | ||
| Something went wrong while deleting the project. Check console for | ||
| more info. | ||
| </p> | ||
| ) | ||
| }) | ||
| // eslint-disable-next-line no-console -- we need to log the error | ||
| console.error(error) | ||
| } | ||
|
|
||
| handleClose() | ||
| } | ||
|
|
||
| //Cleaning the pointer events for the context menu after closing the alert dialog | ||
| // if we don't do this the pointer events will be disabled for the whole page | ||
| const cleanup = useCallback(() => { | ||
| document.body.style.pointerEvents = '' | ||
| document.documentElement.style.pointerEvents = '' | ||
| }, []) | ||
|
|
||
| useEffect(() => { | ||
| if (!isDeleteProjectOpen) { | ||
| cleanup() | ||
| } | ||
| return () => cleanup() | ||
| }, [isDeleteProjectOpen, cleanup]) | ||
|
|
||
| return ( | ||
| <AlertDialog | ||
| aria-hidden={!isDeleteProjectOpen} | ||
| onOpenChange={handleClose} | ||
| open={isDeleteProjectOpen} | ||
| > | ||
| <AlertDialogContent className="rounded-lg border border-white/25 bg-[#18181B] "> | ||
| <AlertDialogHeader> | ||
| <div className="flex items-center gap-x-3"> | ||
| <TrashSVG /> | ||
| <AlertDialogTitle className="text-lg font-semibold"> | ||
| Do you really want to delete project {selectedProject?.name} ? | ||
| </AlertDialogTitle> | ||
| </div> | ||
| <AlertDialogDescription className="text-sm font-normal leading-5 text-[#71717A]"> | ||
| This action cannot be undone. This will permanently delete your | ||
| project and remove your project data from our servers. | ||
| </AlertDialogDescription> | ||
| </AlertDialogHeader> | ||
| <AlertDialogFooter> | ||
| <AlertDialogCancel | ||
| className="rounded-md bg-[#F4F4F5] text-black hover:bg-[#F4F4F5]/80 hover:text-black" | ||
| onClick={handleClose} | ||
| > | ||
| Cancel | ||
| </AlertDialogCancel> | ||
| <AlertDialogAction | ||
| className="rounded-md bg-[#DC2626] text-white hover:bg-[#DC2626]/80" | ||
| onClick={deleteProject} | ||
| > | ||
| Yes, delete the project | ||
| </AlertDialogAction> | ||
| </AlertDialogFooter> | ||
| </AlertDialogContent> | ||
| </AlertDialog> | ||
| ) | ||
| } | ||
|
|
||
| export default ConfirmDeleteProject |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters