studio/people
Archived
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🐛(frontend) re-enable mailbox actions

Browse Source 
This code was commented but seems to work properly.
This commit is contained in:
Quentin BEY
2025-05-09 13:30:01 +02:00
parent cb198a9d04
commit c786ddbb82
2 changed files with 26 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/frontend/apps/desk/src/features/mail-domains/mailboxes/components/panel/MailBoxesListView.tsx
View File

@@ -11,7 +11,8 @@ import {
import { PAGE_SIZE } from '../../../conf'; import { PAGE_SIZE } from '../../../conf';
import { useMailboxes } from '../../api/useMailboxes'; import { useMailboxes } from '../../api/useMailboxes';
// import { PanelActions } from './PanelActions';
import { PanelActions } from './PanelActions';
interface MailBoxesListViewProps { interface MailBoxesListViewProps {
mailDomain: MailDomain; mailDomain: MailDomain;
@@ -127,14 +128,12 @@ export function MailBoxesListView({
); );
}, },
}, },
// { {
// id: 'actions', id: 'actions',
// renderCell: ({ row }) => ( renderCell: ({ row }) => (
// <> <PanelActions mailDomain={mailDomain} mailbox={row} />
// <PanelActions mailbox={row.mailbox} mailDomain={mailDomain} /> ),
// </> },
// ),
// },
]} ]}
isLoading={isLoading} isLoading={isLoading}
/> />

28
src/frontend/apps/desk/src/features/mail-domains/mailboxes/components/panel/PanelActions.tsx
View File

@@ -11,12 +11,12 @@ import { useTranslation } from 'react-i18next';
import { Box, DropButton, IconOptions, Text } from '@/components'; import { Box, DropButton, IconOptions, Text } from '@/components';
import { MailDomain } from '@/features/mail-domains/domains'; import { MailDomain } from '@/features/mail-domains/domains';
import { ViewMailbox } from '@/features/mail-domains/mailboxes';
import { useUpdateMailboxStatus } from '../../api/useUpdateMailboxStatus'; import { useUpdateMailboxStatus } from '../../api/useUpdateMailboxStatus';
import { MailDomainMailbox } from '../../types';
interface PanelActionsProps { interface PanelActionsProps {
mailbox: MailDomainMailbox; mailbox: ViewMailbox;
mailDomain: MailDomain; mailDomain: MailDomain;
} }
@@ -92,24 +92,32 @@ export const PanelActions = ({ mailDomain, mailbox }: PanelActionsProps) => {
<Modal <Modal
isOpen={disableModal.isOpen} isOpen={disableModal.isOpen}
onClose={disableModal.close} onClose={disableModal.close}
hideCloseButton={true}
title={<Text $size="h3">{t('Disable mailbox')}</Text>} title={<Text $size="h3">{t('Disable mailbox')}</Text>}
size={ModalSize.MEDIUM} size={ModalSize.MEDIUM}
leftActions={
<Button color="secondary" onClick={disableModal.close}>
{t('Cancel')}
</Button>
}
rightActions={ rightActions={
<Box $direction="row" $justify="flex-end" $gap="0.5rem"> <Box $direction="row" $justify="flex-end" $gap="0.5rem">
<Button color="secondary" onClick={disableModal.close}>
{t('Cancel')}
</Button>
<Button color="danger" onClick={handleUpdateMailboxStatus}> <Button color="danger" onClick={handleUpdateMailboxStatus}>
{t('Disable')} {t('Disable')}
</Button> </Button>
</Box> </Box>
} }
> >
<Text> <Box
{t( $padding="md"
'Are you sure you want to disable this mailbox? This action results in the deletion of the calendar, address book, etc.', aria-label={t('Content modal to delete the mailbox')}
)} >
</Text> <Text>
{t(
'Are you sure you want to disable this mailbox? This action results in the deletion of the calendar, address book, etc.',
)}
</Text>
</Box>
</Modal> </Modal>
</> </>
); );