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

6
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,6 +186,7 @@ export const CurrentWorkspaceMemberFavorites = ({
)} )}
</NavigationDrawerItemsCollapsableContainer> </NavigationDrawerItemsCollapsableContainer>
{createPortal(
<ConfirmationModal <ConfirmationModal
isOpen={isDeleteModalOpen} isOpen={isDeleteModalOpen}
setIsOpen={setIsDeleteModalOpen} setIsOpen={setIsDeleteModalOpen}
@ -192,7 +194,9 @@ export const CurrentWorkspaceMemberFavorites = ({
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?`} 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?`}
onConfirmClick={handleConfirmDelete} onConfirmClick={handleConfirmDelete}
deleteButtonText="Delete Folder" deleteButtonText="Delete Folder"
/> />,
document.body,
)}
</> </>
); );
}; };