admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Fix folder deletion confirmation modal (#8744)

Browse Source 
Scrollwrapper `navigationDrawer` is interfering with this particular
modal rendering
This commit is contained in:
nitin
2024-11-26 15:28:07 +05:30
committed by GitHub
parent d85279c55e
commit a026cde46a
1 changed files with 12 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
packages/twenty-front/src/modules/favorites/components/CurrentWorkspaceMemberFavorites.tsx
View File

@ -17,6 +17,7 @@ import { NavigationDrawerItemsCollapsableContainer } from '@/ui/navigation/navig
import { NavigationDrawerSubItem } from '@/ui/navigation/navigation-drawer/components/NavigationDrawerSubItem'; import { NavigationDrawerSubItem } from '@/ui/navigation/navigation-drawer/components/NavigationDrawerSubItem';
import { getNavigationSubItemLeftAdornment } from '@/ui/navigation/navigation-drawer/utils/getNavigationSubItemLeftAdornment'; import { getNavigationSubItemLeftAdornment } from '@/ui/navigation/navigation-drawer/utils/getNavigationSubItemLeftAdornment';
import { useState } from 'react'; import { useState } from 'react';
import { createPortal } from 'react-dom';
import { useLocation } from 'react-router-dom'; import { useLocation } from 'react-router-dom';
import { useRecoilState } from 'recoil'; import { useRecoilState } from 'recoil';
import { IconFolder, IconHeartOff, LightIconButton } from 'twenty-ui'; import { IconFolder, IconHeartOff, LightIconButton } from 'twenty-ui';
@ -185,14 +186,17 @@ export const CurrentWorkspaceMemberFavorites = ({
)} )}
</NavigationDrawerItemsCollapsableContainer> </NavigationDrawerItemsCollapsableContainer>
<ConfirmationModal {createPortal(
isOpen={isDeleteModalOpen} <ConfirmationModal
setIsOpen={setIsDeleteModalOpen} isOpen={isDeleteModalOpen}
title={`Remove ${folder.favorites.length} ${folder.favorites.length > 1 ? 'favorites' : 'favorite'}?`} setIsOpen={setIsDeleteModalOpen}
subtitle={`This action will delete this favorite folder ${folder.favorites.length > 1 ? `and all ${folder.favorites.length} favorites` : 'and the favorite'} inside. Do you want to continue?`} title={`Remove ${folder.favorites.length} ${folder.favorites.length > 1 ? 'favorites' : 'favorite'}?`}
onConfirmClick={handleConfirmDelete} subtitle={`This action will delete this favorite folder ${folder.favorites.length > 1 ? `and all ${folder.favorites.length} favorites` : 'and the favorite'} inside. Do you want to continue?`}
deleteButtonText="Delete Folder" onConfirmClick={handleConfirmDelete}
/> deleteButtonText="Delete Folder"
/>,
document.body,
)}
</> </>
); );
}; };