64 lines
1.6 KiB
TypeScript
64 lines
1.6 KiB
TypeScript
import { ListDateGroup } from '../list-date-group';
|
|
import { AdditionalServiceCategory } from '../../model/types';
|
|
import { AccountHolderAuthListProps, ExtensionAccountHolderAuthContentItem } from '../../model/account-holder-auth/types';
|
|
import { JSX } from 'react';
|
|
|
|
export const AccountHolderAuthList = ({
|
|
additionalServiceCategory,
|
|
listItems,
|
|
mid
|
|
}: AccountHolderAuthListProps) => {
|
|
|
|
const getListDateGroup = () => {
|
|
let rs = [];
|
|
let date = '';
|
|
let list = [];
|
|
for (let i = 0; i < listItems.length; i++) {
|
|
let items = listItems[i];
|
|
if (!!items) {
|
|
let requestDate = items?.requestDate;
|
|
requestDate = requestDate?.substring(0, 8);
|
|
if (!!requestDate) {
|
|
if (i === 0) {
|
|
date = requestDate;
|
|
}
|
|
if (date !== requestDate) {
|
|
date = requestDate;
|
|
if (list.length > 0) {
|
|
rs.push(
|
|
<ListDateGroup
|
|
additionalServiceCategory={additionalServiceCategory}
|
|
key={date + '-' + i}
|
|
date={date}
|
|
items={list}
|
|
></ListDateGroup>
|
|
);
|
|
}
|
|
list = [];
|
|
}
|
|
list.push(items);
|
|
}
|
|
}
|
|
}
|
|
if (list.length > 0) {
|
|
rs.push(
|
|
<ListDateGroup
|
|
additionalServiceCategory={additionalServiceCategory}
|
|
mid={mid}
|
|
key={date + '-last'}
|
|
date={date}
|
|
items={list}
|
|
></ListDateGroup>
|
|
)
|
|
}
|
|
return rs;
|
|
};
|
|
|
|
return (
|
|
<>
|
|
<div className="transaction-list">
|
|
{getListDateGroup()}
|
|
</div>
|
|
</>
|
|
)
|
|
} |