35 lines
969 B
TypeScript
35 lines
969 B
TypeScript
|
/**
|
||
|
|
* Shared mailbox selector — switch between personal and shared accounts.
|
||
|
|
*/
|
||
|
|
|
||
|
|
import React from 'react';
|
||
|
|
import { useTranslation } from 'react-i18next';
|
||
|
|
import { Select } from '@/components/ui/Select';
|
||
|
|
import type { MailAccount } from '@/api/mail';
|
||
|
|
|
||
|
|
export interface SharedMailboxSelectorProps {
|
||
|
|
accounts: MailAccount[];
|
||
|
|
selectedAccountId: string;
|
||
|
|
onSelect: (accountId: string) => void;
|
||
|
|
}
|
||
|
|
|
||
|
|
export function SharedMailboxSelector({ accounts, selectedAccountId, onSelect }: SharedMailboxSelectorProps) {
|
||
|
|
const { t } = useTranslation();
|
||
|
|
|
||
|
|
const options = accounts.map((acc) => ({
|
||
|
|
value: acc.id,
|
||
|
|
label: `${acc.display_name} (${acc.email})${acc.is_shared ? ' — ' + t('mail.shared') : ''}`,
|
||
|
|
}));
|
||
|
|
|
||
|
|
return (
|
||
|
|
<div data-testid="shared-mailbox-selector">
|
||
|
|
<Select
|
||
|
|
label={t('mail.selectAccount')}
|
||
|
|
value={selectedAccountId}
|
||
|
|
onChange={(e) => onSelect(e.target.value)}
|
||
|
|
options={options}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|