Bug fixes

src/pages/settings/components/Applications/DebouncedApplication.tsx

@@ -17,7 +17,10 @@ import { cardClasses, textInputClasses } from 'styles';
 import type { Application } from 'types';
 import DeleteItemModal from '../Shared/DeleteItemModal';
 
-function DebouncedApplication({ application }: { application: Application }) {
+function DebouncedApplication({
+	application,
+	setIsOpen,
+}: { application: Application; setIsOpen: any }) {
 	const { theme, handleDelete } = useCommonHooks();
 	const [modalOpened, { open: openModal, close: closeModal }] = useDisclosure(false);
 	const { mutateAsync } = useMutationAPI();
@@ -25,7 +28,10 @@ function DebouncedApplication({ application }: { application: Application }) {
 	const [app, setApp] = useState<Application>(application);
 	const [update, setUpdate] = useState<any>();
 	const [debounced] = useDebouncedValue(update, 1000);
-
+	const handleClose = () => {
+		setIsOpen(false);
+		closeModal();
+	};
 	useEffect(() => {
 		if (debounced && Object.keys(debounced).length > 0) {
 			mutateAsync({ method: 'PATCH', endpoint: 'api/apps', body: debounced });
@@ -41,7 +47,7 @@ function DebouncedApplication({ application }: { application: Application }) {
 		<Card className={cardClasses.settingsItem} classNames={cardClasses}>
 			<DeleteItemModal
 				modalOpened={modalOpened}
-				handleClose={closeModal}
+				handleClose={handleClose}
 				title='Delete Application'
 				body={
 					<Stack gap={0} w={'100%'} h={'150px'} align='center'>
@@ -64,7 +70,7 @@ function DebouncedApplication({ application }: { application: Application }) {
 								styles={{ label: { color: 'black' } }}
 								onClick={() => {
 									handleDelete(app, 'api/apps');
-									closeModal();
+									handleClose();
 								}}
 							>
 								Delete
@@ -72,9 +78,7 @@ function DebouncedApplication({ application }: { application: Application }) {
 							<Button
 								color={'grey'}
 								styles={{ label: { color: 'black' } }}
-								onClick={() => {
-									closeModal();
-								}}
+								onClick={handleClose}
 							>
 								Cancel
 							</Button>
@@ -92,6 +96,7 @@ function DebouncedApplication({ application }: { application: Application }) {
 					right={16}
 					color='red'
 					onClick={() => {
+						setIsOpen(true);
 						openModal();
 					}}
 				>