|
|
|
@ -89,115 +89,9 @@ const MailBox = (props) => {
|
|
|
|
|
size='large'
|
|
|
|
|
pagination={false}
|
|
|
|
|
dataSource={props.dataSource}
|
|
|
|
|
dataSource1={[...props.dataSource,
|
|
|
|
|
{
|
|
|
|
|
key: Math.random().toString(36).substring(2, 9),
|
|
|
|
|
description: 'Fran Grundman <frangrundman@rogers.com>',
|
|
|
|
|
title: '250520-LSS250429038 团的 变更 <20>确认:Japan Fleet',
|
|
|
|
|
mailDate: '2025-05-01 19:21:00',
|
|
|
|
|
orderNo: 'LSS250501006',
|
|
|
|
|
country: 'Thailand',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
key: Math.random().toString(36).substring(2, 9),
|
|
|
|
|
description: 'Fran Grundman <frangrundman@rogers.com>',
|
|
|
|
|
title: 'Your Thailand Private tour by Asia Highlights 超长主题怎么办????????????到框框到得奖看到',
|
|
|
|
|
mailDate: '2025-05-01 19:21:00',
|
|
|
|
|
orderNo: 'LSS250501006',
|
|
|
|
|
country: 'Thailand',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
key: Math.random().toString(36).substring(2, 9),
|
|
|
|
|
description: 'Fran Grundman <frangrundman@rogers.com>',
|
|
|
|
|
title: 'Re: Personal information',
|
|
|
|
|
mailDate: '2025-05-01 19:21:00',
|
|
|
|
|
orderNo: 'LSS250501006',
|
|
|
|
|
country: 'Thailand',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
key: Math.random().toString(36).substring(2, 9),
|
|
|
|
|
description: 'Fran Grundman <frangrundman@rogers.com>',
|
|
|
|
|
title: 'Re: Your Future Trip with Asia Highlights',
|
|
|
|
|
mailDate: '2025-05-01 19:21:00',
|
|
|
|
|
orderNo: 'LSS250501006',
|
|
|
|
|
country: 'Thailand',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
key: Math.random().toString(36).substring(2, 9),
|
|
|
|
|
description: 'Fran Grundman <frangrundman@rogers.com>',
|
|
|
|
|
title: '回复: 回复:中华游251110-LSS250413051(AH)团计划',
|
|
|
|
|
mailDate: '2025-05-01 19:21:00',
|
|
|
|
|
orderNo: 'LSS250501006',
|
|
|
|
|
country: 'Thailand',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
key: Math.random().toString(36).substring(2, 9),
|
|
|
|
|
description: 'Fran Grundman <frangrundman@rogers.com>',
|
|
|
|
|
title: 'Re: Greeting from Asia Highlights Alisa',
|
|
|
|
|
mailDate: '2025-05-01 19:21:00',
|
|
|
|
|
orderNo: 'LSS250501006',
|
|
|
|
|
country: 'Thailand',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
key: Math.random().toString(36).substring(2, 9),
|
|
|
|
|
description: 'Fran Grundman <frangrundman@rogers.com>',
|
|
|
|
|
title: 'Re: Have you made any decisions about your Japan trip',
|
|
|
|
|
mailDate: '2025-05-01 19:21:00',
|
|
|
|
|
orderNo: 'LSS250501006',
|
|
|
|
|
country: 'Thailand',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
key: Math.random().toString(36).substring(2, 9),
|
|
|
|
|
description: 'Fran Grundman <frangrundman@rogers.com>',
|
|
|
|
|
title: 'Re: Sri Lanka tour',
|
|
|
|
|
mailDate: '2025-05-01 19:21:00',
|
|
|
|
|
orderNo: 'LSS250501006',
|
|
|
|
|
country: 'Thailand',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
key: Math.random().toString(36).substring(2, 9),
|
|
|
|
|
description: 'Fran Grundman <frangrundman@rogers.com>',
|
|
|
|
|
title: 'Re: How do you like the itinerary 3',
|
|
|
|
|
mailDate: '2025-05-01 19:21:00',
|
|
|
|
|
orderNo: 'LSS250501006',
|
|
|
|
|
country: 'Thailand',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
key: Math.random().toString(36).substring(2, 9),
|
|
|
|
|
description: 'Fran Grundman <frangrundman@rogers.com>',
|
|
|
|
|
title: 'Re: Re: Re: Final cost',
|
|
|
|
|
mailDate: '2025-05-01 19:21:00',
|
|
|
|
|
orderNo: 'LSS250501006',
|
|
|
|
|
country: 'Thailand',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
key: Math.random().toString(36).substring(2, 9),
|
|
|
|
|
description: 'Fran Grundman <frangrundman@rogers.com>',
|
|
|
|
|
title: 'Reference Number: LSS240628079',
|
|
|
|
|
mailDate: '2025-05-01 19:21:00',
|
|
|
|
|
orderNo: 'LSS250501006',
|
|
|
|
|
country: 'Thailand',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
key: Math.random().toString(36).substring(2, 9),
|
|
|
|
|
description: 'Fran Grundman <frangrundman@rogers.com>',
|
|
|
|
|
title: 'Re: Personal information and Hiroshima tour for 2 people',
|
|
|
|
|
mailDate: '2025-05-01 19:21:00',
|
|
|
|
|
orderNo: 'LSS250501006',
|
|
|
|
|
country: 'Thailand',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
key: Math.random().toString(36).substring(2, 9),
|
|
|
|
|
description: 'Fran Grundman <frangrundman@rogers.com>',
|
|
|
|
|
title: 'Re: Asia Travel Tips /LSS250429038',
|
|
|
|
|
mailDate: '2025-05-01 19:21:00',
|
|
|
|
|
orderNo: 'LSS250501006',
|
|
|
|
|
country: 'Thailand',
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
renderItem={(item) => (
|
|
|
|
|
<li className='flex border border-solid border-t-0 border-x-0 border-gray-200 hover:bg-gray-100 p-2'>
|
|
|
|
|
<div className='flex-1'>
|
|
|
|
|
<li className={`flex border border-solid border-t-0 border-x-0 border-gray-200 hover:bg-gray-100 p-2 ${props?.selectedIds?.includes(item.key) ? 'bg-gray-100' : ''}`}>
|
|
|
|
|
<div className='flex-1' onClick={() => props?.onMailClick(item.key)}>
|
|
|
|
|
<Flex gap='small' vertical={true} justify='space-between' className='cursor-pointer'>
|
|
|
|
|
<span className="font-bold">{item.title}</span>
|
|
|
|
|
<span className="text-neutral-500 text-wrap break-words break-all ">{item.description + ' ' + item.mailDate}</span>
|
|
|
|
|